📢📢📢📢📢📢
💗 你正在閱讀 【夢想橡皮擦】 的部落格
👍 閱讀完畢，可以點點小手贊一下
🌻 發現錯誤，直接評論區中指正吧
📆 橡皮擦的第 <font color=red>667</font> 篇原創部落格
⛳️ 實戰場景
在前一篇部落格 Python 爬蟲，JS 逆向之 webpack 打包站點原理與實戰 中我們再次了解了一下 webpack 相關資訊，本篇部落格我們在為大家說明一下。
如何通過 fiddler 替換目标站點的 JS 為本地版本
換句話描述其場景是，讓目标站點某些 JS 檔案通路本地修改版。
正式開始前，你需要先準備一個 fiddler。
然後測試站點是：
https://webpack.github.io/example-app/
，該網站隻有一個 JS 檔案，代碼如下。
<html>
<head>
<script
type="text/javascript"
charset="utf-8"
src="assets/main.js"
></script>
</head>
<body></body>
</html>
接下來，我們就進行一下更換。
⛳️ JS 檔案本地化體驗
儲存目标站點的
main.js
檔案到本地，然後在代碼檔案中添加一行，然後将檔案儲存到本地任意位置，例如
D:\b_js\main.js
。
console.log("橡皮擦");
接下來我們要對 fiddler 進行一些簡單的配置，首先切換到 AutoResponder 頁籤，然後參考下述配置内容。
其中 enable rules 和 Unmatched requests passthrough 需要勾選，然後 Ruler Editer 編輯器按照下述内容設定。
被替換檔案
regex:.*?example-app/assets/main.js
替換本地檔案
D:\b_js\main.js
由于使用 fiddler 進行本地 JS 替換，那還存在一個問題，就是跨域問題。
切換到 Filters 頁籤，然後按照下述序号進行配置。
最後一行的配置資料是 Access-Control-Allow-Origin ，參數值為
*
。