基于测试维度，讲谷歌浏览器哦开发者工具和抓包工具，上篇

• 编写目的

1. 基于测试维度，使用抓包工具的作用
2. 基于测试维度，对谷歌浏览器开发这工具F12原理及使用的讲解
3. Fiddler常见操作讲解

• 测试使用开发者工具、抓包工具的目的

1. 查看隐藏字段。
2. 了解协议内容，以便展开接口测试和性能测试。
3. 检查数据加密。
4. 定位bug原因。
5. 造测试数据。
6. 模拟场景，如弱网环境、手机样式切换等。
7. 元素定位，元素修改，以便展开UI自动化测试以及检查前端兼容性问题。
8. 拦截请求，篡改数据并请求

（注：具体场景会在工具使用说明中讲解）

• 谷歌浏览器的开发者模式说明

1.打开开发者工具

1）F12打开开发者工具

2）Ctrl+Shift+I

 

2.元素模块(Elements)

1）该模块作用主要是展示该页的html元素

2）可通过开发者工具左上角按钮定位该页某个图片、按钮、文本等的元素信息

 

3）对元素属性进行编辑，以便检查兼容问题<