chrome - 开发者工具调试技巧

谷歌浏览器（通常简称为 Chrome ）是由谷歌开发的网络浏览器。在开发工作中，Chrome极大的方便开发调试代码。

主流的浏览器都内置了 DevTools，掌握 Chrome 的调试技巧，可以提高工作效率。对于测试人员来说，掌握Chrome 的调试技巧，可以快速判断一些前后端问题，抓取协议，判断接口是否ok，截图、还有进行弱网测试等等。

一、打开 Chrome 开发者工具

1.在页面元素上右键点击，选择 “检查”
2.快捷键 Ctrl + Shift + I (Windows)
3.Fn + F12

二、Chrome 开发者工具八个主要的面板：

• 元素面板 Elements
• 控制台面板 Console
• 源代码面板 Sources
• 网络面板 Network
• 性能面板 Performance
• 内存面板 Memory
• 应用面板 Appication
• 安全面板 Security

 

三、对于测试来讲，用得最多的