我正在实现依赖于Bootstrap的Summernote编辑器,但我使用自己的自定义样式表。这给了我两个问题:
- 它破坏了我的设计,并且 Bootstrap 文件太长,很难找到导致麻烦的确切选择器。
- 它加载一个 120kB 的文件,而可能只需要 20-30 个(编辑器渲染漂亮的实际部分(。
有谁知道一个工具(可能是在线的(将源代码中实际使用的标签、类等与随附的样式表进行比较,指出正在使用什么?在长时间的开发过程之后也可能有所帮助,您已经进行了大量编辑,最终可能会得到许多未使用的代码。
请右键单击并选择 检查元素 当您在任何浏览器上的网页上时。
你可以使用purifyCSS,这需要grunt或类似的东西。 有这个网站 https://unused-css.com/,它需要您网站的URL,然后它只会扫描该网站的单个页面。 还有这个工具:https://sourceforge.net/projects/cssscanner/,它为您提供已使用和未使用选择器的列表,但您需要一台运行Windows的计算机才能使用。