注：

1）在學(xué)習(xí)慕課網(wǎng)課程《搜索框制作》中遇到如題困難，查找資料后解決，做此記錄。課程網(wǎng)址http://www.imooc.com/video/263。

2）建議同時(shí)去學(xué)習(xí)慕課網(wǎng)課程《fiddler工具使用》，網(wǎng)址http://www.imooc.com/learn/37。

?

　　　如果我們請(qǐng)求一個(gè)服務(wù)器上不存在的文件一般是跳轉(zhuǎn)到一個(gè)404頁面，但是利用fiddler工具可以實(shí)現(xiàn)修改服務(wù)器響應(yīng)的結(jié)果，呈現(xiàn)給用戶一個(gè)自定義的文件——我們只需要攔截服務(wù)器的響應(yīng)并替換成我們自己的頁面即可。

• 打開fiddler，在瀏覽器中請(qǐng)求地址http://api.bing.com/bing_search-ajax.htm。由于服務(wù)器上不存在文件bing_search-ajax.htm，所以會(huì)返回404錯(cuò)誤，fiddler捕獲此此響應(yīng)：

　　　　

• 將此response替換成我們想要放在服務(wù)器上的本地文件bing_search-ajax.htm

　　　　選中上一步中的404記錄，點(diǎn)開其AutoResponder，勾選如圖兩個(gè)選項(xiàng)，點(diǎn)擊add rules;

　　　　

　　　　接著選中自己所要添加的文件：如下圖紅框中的最后一項(xiàng)為find a file ，點(diǎn)擊選中文件即可。

　　　　

?　　　　選中之后如下圖，點(diǎn)擊save保存：

　　　　

• 此時(shí)再選中原先的404記錄，點(diǎn)擊工具欄replay（即重新加載一次），返回200，表示替換成功；

　　　　

?

　　此時(shí)回到瀏覽器，結(jié)果如下圖；發(fā)現(xiàn)圖片均沒有加載進(jìn)來，這也是上圖中3條404記錄的原因，即僅加載了本地文件/bing_search-ajax.htm，其中包含的圖片均未加載；

　　

?

• ?此時(shí)只需要按上述步驟，將圖片均添加上就可以了

　　　　

• ?添加好之后，回到瀏覽器，一切就搞定啦~

　　　　

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

?

轉(zhuǎn)載于:https://www.cnblogs.com/youhong/p/6081495.html

總結(jié)

以上是生活随笔為你收集整理的利用fiddler将本地网页放到某个域下的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。