僅在HTML文件中嵌入使用的腳本和樣式

Question

有誰知道可以使用樣式和腳本以及圖像查看網頁的工具，然後創建具有嵌入的樣式和腳本以及圖像的HTML文件，但是只有那個頁面實際使用的那些？

我有一個典型的「本網站爲維護的離線頁面」，它實際上是一個完全基於Bootstrap 3的網站。我希望將整個網站縮減爲只有圖像的單個文件，需要CSS和JS來顯示頁面。

更新

使用典型的瀏覽器保存文件的功能並沒有達到我想要的東西，因爲它首先不會在網頁中嵌入的CSS/JS資源，但在一個子文件夾，並從它們的引用將它們保存那裏;其次，似乎沒有去除那些不直接被該頁面引用的樣式和腳本，而是將整個文件保存起來。

Answer 1

我相信SnappySnippet會有所幫助。它從元素中提取HTML & CSS並將其發送到例如jsfiddle來審查。你會從HTML元素中提取它，應該可以工作。很遺憾，它不會執行JS，但對於維護頁面，它應該可以正常工作。

Some details from the creator on SO和here on YouTube。