dev tools调试

快捷键

1.搜索文件 Ctrl+P

2.搜索内容 Ctrl+Shift+F

3.跳到指定行 Ctrl+G

4.选中下一个相同元素 Ctrl+D

调试技巧

1.保存记录

勾选在Console标签下的保存记录选项，你可以使DevTools的console继续保存记录而不会在每个页面加载之后清除记录。当你想要研究在页面还没加载完之前出现的bug时，这会是一个很方便的方法。

2.改变颜色格式

在颜色预览中使用Shift + Click ，可以在rgba, hsl 和 hexadecimal 这三种格式中改变。

3.调试分辨率