直接把別人網站的 js css html 扒下來的 Chrome 插件【強烈推薦】

• 2020 年 2 月 14 日
• 筆記

前言

經常在仿站的時候會遇到下載別人網站上的圖片、css、js 等資源，如果你是一個個的手動下載是很麻煩的，也很慢的。

程式設計師要學會偷懶，如果這些資源能一鍵下載下來，並按原來的目錄結構放好文件，直接打開就完美復原原來的網站，該多好啊！

筆者找了大半天，，找了好幾個插件，都不太好用，而且會打亂目錄結構。

終於找到了一個比較神奇的 Chrome 插件：Save All Resources 完美的滿足了我的需求！

安裝

插件 GitHub 地址：https://github.com/up209d/ResourcesSaverExt

插件 Google 地址：https://chrome.google.com/webstore/detail/save-all-resources/abpdnfjocnmdomablahdcfnoggeeiedb

使用

1. 審查

審查元素後，翻到最後一個選項，點擊 Save All Resources 即可。

2. 下載

下載時的文件會被打包成一個壓縮包。

比如我下載小米手機的官網頁面：

3. 打開

解壓下載的壓縮包，裡面的文件結構長這樣。

html、css、js 等文件是下載下來了，直接打開你的 html 文件即可。

本地服務 Live Server 打開

做前端開發的時候，最常用的 IDE 是 VsCode，我們需要打開瀏覽器進行預覽和調試靜態頁面。有了 Live Server ，就可以解決你的問題了。

這個插件就可以實現靜態、動態頁面的實時預覽，保存就能看見頁面更新，不需要手動去刷新。

用 VsCode 打開

結果

這樣也可以解決請求的圖片等資源找不到的問題。

— 全文完 —