仅在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。