本文目录一览：
- 1、chrome网络抓包工具有哪些
- 2、chrome开发者工具测试人员可以怎么用
- 3、chrome开发者工具抓包的问题
- 4、如何解决浏览器为GoogleChrome的性能测试而工具不支持的问题
- 5、chrome浏览器开发者调试工具怎么用
chrome网络抓包工具有哪些
Google Chrome开发者工具
只要安装了谷歌浏览器，就可以使用Google Chrome开发者工具了，Google Chrome开发者工具是内嵌到浏览器的开发工具,打开方式有两种：第一“按F12”，第二：shift+ctrl+i
Console介绍
Console可以查看网页运行后提示的消息，错误或者警告以及输出内容等，网页后台可以使用Console.debug("输出内容")；来在Console输出显示，可以做到调试的作用吧，不过一般真正调试不是拿Console。console.debug("Console使用介绍");console是小写形式，不然提示没有Console
Resources介绍
Resources里可以查看web程序跑起来后所加载的一些资源（Resources），包括图片或者其他“值”，以及Cookies
Sources介绍
Sources可以查看运行的脚本，调试一般都是在Sources调试的，所以程序开发者需要了解和熟悉Sources的使用
Sources调试使用
在左侧的脚本代码编号，鼠标点击即可添加断点，添加断点后，刷新网页，程序运行到断点即可看到断点调式的状态了，具体调试需要在自己想查看某个方法里边是否有问题，一步步排除，效果很好
NetWork介绍
NetWork可以看到网页加载的脚本和资源的时间，还可以看到某些不能加载成功的资源；这里有位是百度首页演示，百度首页内容很干净所以不需要加载什么图片等资源
Elements介绍
Elements这个就比如页面的每个元素吧，比如百度搜索这个图片，可以通过Elements找到，搜索框也可以，在底下的“放大镜”类似的控件，点击然后选择自己想要查看要素或位置，Elements会跳转到相应的实现代码
chrome开发者工具测试人员可以怎么用
你说的是他的功能吗？有很多，可以查看服务器返回的信息，来测试你的代码，也可以在console里直接调试代码，也可以看别人网站的html代码。
chrome开发者工具抓包的问题
工具：谷歌浏览器chrome
步骤：
1、打开谷歌浏览器chrome，点击三按钮，选择更多工具。
2、点击进入开发者工具，如图所示。
3、如图所示直接点击菜单列表中的“network”的选项。
4、就可以进行浏览器网页的内容，可以直接在地址栏中输入百度网址。就可以在network的工具列表中抓取到网页中相关的数据信息，网址、图片，js等相关信息。做接口测试，可以直接点击第一个链接网址。
5、可以看到为这个接口的相关信息，例如为headers中返回的状态码，和其它cookie信息。
如何解决浏览器为GoogleChrome的性能测试而工具不支持的问题
解决办法：采用Loadrunner12录制脚本，然后将脚本拷贝到Loadrunner11中进行压力测试。
期间需要注意的几个问题：
第一：Loadrunner12安装上后无法录制GoogleChrome浏览器，解决办法：
第二：Loadrunner11打开Loadrunner12录制好的脚本后，需要将Loadrunner12中的如下内容拷贝到Loadrunner11中，然后回放即可
然后就是ok ---ok就可以了
chrome浏览器开发者调试工具怎么用
1、打开chrome浏览器，再打开 开发者工具（按F12，或者鼠标右击-审查元素 也能打开），
2、这就是传说中的开发者工具，查看dom结构
3、资源的查看（coookie，html5本地数据库等）
4、模拟手机环境，对移动开发者非常有用