利用fiddler将本地网页放到某个域下

　　　　

注：

1）在学习慕课网课程《搜索框制作》中遇到如题困难，查找资料后解决，做此记录。课程网址http://www.imooc.com/video/263。

2）建议同时去学习慕课网课程《fiddler工具使用》，网址http://www.imooc.com/learn/37。

　　　如果我们请求一个服务器上不存在的文件一般是跳转到一个404页面，但是利用fiddler工具可以实现修改服务器响应的结果，呈现给用户一个自定义的文件——我们只需要拦截服务器的响应并替换成我们自己的页面即可。

• 打开fiddler，在浏览器中请求地址http://api.bing.com/bing_search-ajax.htm。由于服务器上不存在文件bing_search-ajax.htm，所以会返回404错误，fiddler捕获此此响应：

　　　　

• 将此response替换成我们想要放在服务器上的本地文件bing_search-ajax.htm

　　　　选中上一步中的404记录，点开其AutoResponder，勾选如图两个选项，点击add rules;

　　　　

　　　　接着选中自己所要添加的文件：如下图红框中的最后一项为find a file ，点击选中文件即可。

　　　　

　　　　选中之后如下图，点击save保存：

　　　　

• 此时再选中原先的404记录，点击工具栏replay（即重新加载一次），返回200，表示替换成功；

　　　　

　　此时回到浏览器，结果如下图；发现图片均没有加载进来，这也是上图中3条404记录的原因，即仅加载了本地文件/bing_search-ajax.htm，其中包含的图片均未加载；

　　

• 此时只需要按上述步骤，将图片均添加上就可以了

　　　　

• 添加好之后，回到浏览器，一切就搞定啦~

　　　　

参考资料：http://blog.csdn.net/big_bigwolf/article/details/51954312?locationNum=16&fps=1