在 Web 大时代下，相信许多测试人员参与的项目多数为 B/S 架构。那么就必须与浏览器对话，基于浏览器开发产品就不得不提及开发者工具。
开发者工具允许网页开发者深入浏览器和网页应用程序的内部，该工具可以有效地追踪布局问题，设置 JavaScript 断点并可深入理解代码的最优化策略。测试人员通过开发者工具可以快速的对一些问题进行定位，更准确的帮助开发人员定位问题，从而解决问题。本篇课堂将会基于 Chrome 浏览器介绍测试人员经常会用到的一些功能:
1、模拟手机和弱网测试。
2、元素（ELements）下查看或修改 HTML 元素的属性、CSS 属性。
3、控制台（Console）下执行一次性代码。
4、源代码（Sources）下查看页面的源代码，JS断点调试。
5、网络（Network）下查看发送的请求和服务器的返回结果。
6、浏览器自带截图功能。
7、实用插件推荐。