2019-04-15

小白入门

谷歌浏览器调试技巧篇

1 键盘最左上角按Esc可以实现console再弹出

ESC

---

2 在选中元素的情况下按f2可直接编辑代码，进而调试

3 在选中元素的情况下按H可直接选中隐藏内容

3 当在元素中你不知道选中的元素在页面的位置 按右键选择scroll into view直接反向找到页面中高元素的位置

4 console常用的方法

console.dir(console)

.1  console.log({元素}) 可直接展示成键值对的形式

var arr=[3,4];console.log({a,b})

=>{a: 3, b: 4}

.2 table可实现表格展示

console.table()

.3 time和timeEnd可打印出运行的时间

4 monitorEvents可以在打印出程序的先后执行顺序

如百度搜索框,需找到搜索框元素再monitorEvents

monitorEvents

5 $0,可直接打印出当前选择的元素