Fiddler抓包查看只能在微信浏览器打开的链接网页源码

如何查看“请在微信客户端打开链接”的源代码，如果想查看某个公众号微信里面的Html5页面，我们会点击右上角的复制链接，然后把链接放到PC浏览器里面访问，但是做了微信授权的Html5页面会提示，如下图

看到这个页面就令人抓狂了。

接下来介绍一个很强大的抓包工具Fiddler

一、Fiddler下载：http://www.telerik.com/fiddler  下载安装完成 一路按提示安装到close

配置Fiddler

1.菜单：Tools-> Options->Connections，勾选"Allow remote computers to connect" 

注： 8888为默认端口号，可修改，但需注意两点，一是本机空闲端口，二是手机代理设置时端口要一致（下面说明）。

2.切换到 HTTPS 选项卡，勾选 Capture HTTPS CONNECTs，勾选 Decrypt HTTPS trafic，会弹出安装证书的提示。一路点是或确定安装即可。

3.查看本机的ip地址，在本机命令行输入：ipconfig  

打开Fiddler,右上角有一个Online，这里也可以查看IP。

验证访问你的ip:8888

点击Fiddler certificate 是否能够正常下载ca证书

4.手机端进行参数配置

条件：保证手机和电脑都处于同一个局域网内

打开手机无线配置设置代理bing

打开手机浏览器，输入192.168.0.6:8888

打开下载证书的页面，如下，点击最下方的“FiddlerRoot certificate”按钮，下载证书。

跳转页面要求设置一个锁屏密码，输入锁屏密码后，出现授权证书安装

给证书命个名。

6.接下来就是验证手机抓包

测试访问http://www.zhangkang.org/m

小试牛刀的时候到了:

打开微信，点击我们需要查看的Html5页面链接，等待加载完毕，这时候Fiddler的界面就会把你需要的HTML、js和css文件都展示出来。

ps：我在安装的时候遇到两个问题解决方法如下：

1.证书无法下载

Fiddler安装以及安全证书问题解决

下载并安装Fiddler证书生成器。点击打开链接

2.查看到的html乱码

Fiddler抓包使用教程-乱码处理 Decode

Fiddler 的工具栏中有一个 Decode 功能