利用fiddler调试

其实我主要想讲的就是怎样利用fiddler工具进行页面js，css，html等文件的调试，fiddler的下载和安装都很简单，此处不说了。

为什么需要用到fiddler来调试，它主要是为了调试手机或者页面存在缓存或者需要在线下修复bug而又不影响线上表现的情况下使用。而对于调试手机以及网页上的具有缓存的文件来说，fiddler无疑是给开发者带来了福音。

调试过程

手机调试

1. 首先设置一下fiddler，打开tool->fidder options->connection,按照下图配置：
   
2. 然后在手机端设置一下http代理，找到与电脑服务器连接同一wifi的ip地址，可在cmd中ipconfig中找到wifi的ip，电脑与手机需要在同一网段中才能成功。
   手机的配置如下图，输入服务器和端口：
   
   
3. 成功后在fiddler页面的左边可以看到所在进行的网络访问记录，找到你需要调试的页面，在autoRespondor中add rules,可以看到再下面出现你所选的页面，在下一个文本框中选择find a file，找到本地你需要进行调试的文件，然后点击save,如下图，最后就可以进行本地文件的修改，可以直接看到线上的效果，但是，这只是调试，最后文件调试好后还要上传你所更改过的文件。
   

   pc端调试

   pc端的调试不用配置手机调试中的第一步与第二部，只要完成上面的第三步即可。

抓包

fiddler除了可以调试网页外，还可以进行抓包，查看http的头部信息等，这里没怎么用到我就不说了，点到为止。