1.CTRL+SHIFT+P

可以运行以下的一些命令

Chrome浏览器调试技巧
2.移动端调试技巧
Chrome浏览器调试技巧
3.选择页面元素

点击copy JS path之后在控制台打印

Chrome浏览器调试技巧
4.监听器用法
Chrome浏览器调试技巧
当然这个监听器还可以监听一些事件
Chrome浏览器调试技巧
5.console.log占位符
Chrome浏览器调试技巧
6.console.table()以表格i形式打印数组里面的对象
Chrome浏览器调试技巧
7.分组打印
Chrome浏览器调试技巧
8.查看事件的JavaScript代码

先选中该事件的HTML元素,然后设置他的 Break on为 attribute modeification

然后再点击该元素,在控制台就会显示出它的JavaScript代码
Chrome浏览器调试技巧
9.JavaScript代码覆盖
Chrome浏览器调试技巧
10.代码片段的使用
Chrome浏览器调试技巧

然后CTRL+SHIFT+P 输入!就可以执行此代码片段了
Chrome浏览器调试技巧

相关文章: