html – 审核复杂网页上未使用的CSS

概述我知道有几种工具可以在静态网页上找到未使用的CSS.但是在我遇到的大多数现实场景中,很多CSS都是在页面上的一些或其他交互之后使用的,可能是一个新的模态打开或选项d出等. 在这种情况下,你会建议什么？如何在我不断增长的渲染阻止CSS上保留一个标签？ 我认为可以做到这一点的唯一方法是将常规的unused-css-detector类型工具与Selenium一起运行 – 测试已知的交互并查看未使用的内容 我知道有几种工具可以在静态网页上找到未使用的CSS.但是在我遇到的大多数现实场景中,很多CSS都是在页面上的一些或其他交互之后使用的,可能是一个新的模态打开或选项d出等.

在这种情况下,你会建议什么？如何在我不断增长的渲染阻止CSS上保留一个标签？

我认为可以做到这一点的唯一方法是将常规的unused-css-detector类型工具与Selenium一起运行 – 测试已知的交互并查看未使用的内容.但是这里的一个重要假设是,我需要知道我的页面上可能使用新CSS的所有交互.有没有办法在不做出这个假设的情况下实现我的目标？

在理想的世界中,我能够将访问者浏览器在我的页面上使用的所有CSS回发到我的服务器.然后我将收集一个月的数据,汇总,并获得关于实际未使用的CSS的非常准确的想法.

有什么好主意吗？

解决方法 我是一个旨在做你所描述的工具的作者.在我工作的任何地方,CSS都是这种“仅限附加”的东西,风险太大,清理时间太长.即使你尝试,投资回报率也很低,不值得.

所以我正在研究一种与你所描述的非常相似的工具.目标是为可以删除的内容带来信心,并通过提交拉取请求实际自动执行.

JavaScript片段在浏览器中运行,并将正在使用的内容的报告发送到服务器.一旦积累了足够的数据以构建一些“置信度得分”,它就可以自动创建Pull Request以移除实际未使用的选择器.

它还处于早期阶段,但欢迎您尝试并提供一些反馈.

https://www.bleachcss.com/

总结

以上是内存溢出为你收集整理的html – 审核复杂网页上未使用的CSS全部内容，希望文章能够帮你解决html – 审核复杂网页上未使用的CSS所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。