在本地修改第三方網站進行測試

Question

修改第三方網站進行測試的一般方法是什么？ 例如，我想修改我無法控制的隨機網站的某些方面（HTML，js，css，圖像等），並查看更改后的本地修改網站。 有多種方法：1.將所有內容復制到本地服務器，然后執行我想做的任何事情。 這有點乏味，混亂並且不會復制原始服務器的確切行為：某些標頭可能不相同（例如，CORS）。 另外，主機名是不同的（但是可以通過覆蓋hosts文件中的主機名來“固定”）2。另一種方法是創建一個chrome擴展名，該擴展名可以實現我想要的功能：chrome.webRequest的鈎子可以重定向到另一個文件（在其他服務器上或存儲在擴展文件夾中）。 這對我也不起作用：當我重定向到其他地方時，我遇到了CORS問題，因為重定向的文件位於其他地方。

我的目標是獲得完全相同的行為（例如，最好直接訪問有問題的網站，而不是在我的本地服務器上訪問它的副本），但是在呈現內容之前有機會對其進行修改。 例如，我可以設置一個本地代理，並即時進行更改，但是遠程站點使用https，所以我不能那樣做。 如果我有機會在接收到的內容緩沖區上運行regex.replace，那將是完美的。 任何想法如何做這樣的事情？

Answer 1

第三方網站將典型地經由minifies構建過程被公開和捆綁在一起JavaScript和CSS（例如closure ， jspm ， webpack ， browserify ），有時圖像以及（如子畫面）。 如果沒有源文件，您仍然可以使用以下方法。

如果您想修改CSS並使其保持不變，則可以使用Chrome擴展程序，例如Live CSS editor 。

對於JavaScript，Chrome 支持 用戶腳本 ，您可以使用Tampermonkey輕松管理用戶腳本。

進行正則表達式替換的代理是另一種有效的方法，它可以在HTTP和HTTPS上運行。 請參閱Fiddler ， Charles或適用於Windows的老式Proxomitron ，它們也具有可以攔截SSL流量的插件。