前言
經常在仿站的時候會遇到下載下傳别人網站上的圖檔、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 打開
結果
這樣也可以解決請求的圖檔等資源找不到的問題。
--- 全文完 ---