chrome调试技巧--持续更新

为什么80%的码农都做不了架构师？>>>   

1、开始调试：右键审查元素

2、按钮功能：

• 调出控制台；
• 切换开发环境全屏还是嵌入；
• 清空当前显示；
• {} 将压缩 js 文件格式化缩进规整的文件；

3、常用页面功能：

• 查看、编辑（双击）HTML；
• 查看选中代码的代码嵌套路径；
• 查看、编辑当前选中代码所用的CSS代码；
• 查看选中元素的盒模型；
• 监听事件；
• 查看属性，比手册还方便；

4.选择颜色选择器会出现一个颜色抓取放大镜，获取颜色的值

转载于:https://my.oschina.net/mfeng/blog/752475