前端开发中使用抓包工具查看网页请求数据是一种常见的排错方法,通过观察实际网络中传输的网络内容可以更好的定位错误问题。本文就简单介绍通过Charles来抓取FF火狐浏览器的Web界面数据。
工具/原料
Charles
FireFox浏览器
IE浏览器抓包
1、安装完Charles之后需要在代理Proxy菜单中勾选上Windows Proxy选项,代表允许Charles作为Windows系统网络请求的代理服务器
2、开启了Windows Proxy后还需要在代理设置中将HTTP请求勾选允许透明的HTTP代理
3、接着打开火狐浏览器,点击地址栏右边的三条线按钮,点击选项条目
4、滑动选项界面到最底端可以看到有网络配置,点击设置按钮打开火狐代理设置窗口
5、回到Charles界面,点击Help菜单,点击菜单栏中的Local IP Address展示本机目前的所有I霸烹钟爷P地址,需要记录下当前能够上网的IP地址,笔者目前使用的是宽带连接,就需要记录下宽带的IP地址
6、将前面记录下的电脑当前连接网络的IP地址填到火狐浏览器的代理地址中,端口号要与代理设置的端口号保持一致
7、配置完火狐的代理地址后,使用火狐浏览器打开网站地址,此时可以看到Charles中的网页数据抓包