Override XHR and fetch requests with Chrome

Milk Midi
Sep 19, 2023

--

大家好,我是奶綠,
日常開發上要直接在 Production 站上捉 Bug,總不能一直傳檔上去測試吧,

過去可以使用一套 Chrome Extension Resource Override 來攔劫遠端的 fetch,改讀本機的檔。
現在新版的 Chrome 也內建了啦。

使用方法也很簡單
1 Open devtool
2 switch Network Tab
3 找到你想要 override 的連結,點擊右鍵就會看到 override 的選項
4 Chrome 的需要讀取本機的權限,並選擇一個資料夾。
5 如影片,就可以直接在 chrome 上改寫原始碼,就會自動同步回剛剛指定的資料夾。

以後 Debug 就變的超方便,推一個。

--

--