Google Developer Tools
Google Chrome 必备调试技巧
内容来自Youtube上的 50 个 Chrome Developer Tools 必备技巧 ，感谢Parry Qiu
- 调试窗口的切换
- 快速切换 PC 与手机端进行测试
- 页面元素的快速调试技巧
- 如何保持元素的状态
- 元素状态改变的监控方法
- 样式的快速调试和修改
- 查看元素样式的盒模型
- 查看元素最终的样式
- Console控制台
- 查看被打包压缩的CSS和JS文件
- 编辑源文件并同步到本地文件中
- 如何让浏览器阻止请求某些资源
- 如何对站点下所有的资源进行全部搜索
快捷键
| 快捷键 | 说明 |
|---|---|
⌘ P | 查找静态文件 |
⌘ ⇧ p | 查找命令 |