小白入门
谷歌浏览器调试技巧篇
1 键盘最左上角按Esc可以实现console再弹出
ESC2 在选中元素的情况下按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
monitorEvents5 $0,可直接打印出当前选择的元素
网友评论