仅在HTML文件中嵌入使用过的脚本和样式

时间:2016-01-21 00:36:18

标签: javascript html css twitter-bootstrap

有没有人知道一个工具可以查看包含其样式和脚本和图像的网页,然后创建一个HTML文件,其中嵌入了这些样式和脚本和图像,但那些哪个页面实际使用了哪些?

我有一个典型的"这个网站离线进行维护"页面,它本身就是一个完整的网站,基于Bootstrap 3.我想将整个网站简化为一个文件,只需要显示页面所需的图像,CSS和JS。

更新

使用典型的浏览器保存文件功能无法达到我想要的效果,因为它首先没有在页面中嵌入CSS / JS资源,而是将它们保存在子文件夹中并从那里引用它们;其次,似乎没有删除那些页面没有直接引用的样式和脚本,而是完整地保存文件。

1 个答案:

答案 0 :(得分:1)

我相信SnappySnippet会有所帮助。它提取HTML&来自元素的CSS并将其发送到例如jsfiddle审查。您应该从HTML元素中提取它,应该可以。

遗憾的是,它没有做JS,但对于维护页面,它应该可以正常工作。

Some details from the creator on SOhere on YouTube