相关疑难解决方法(0)

Chrome Devtools覆盖范围:如何保存或捕获代码使用的代码?

Coverage工具擅长查找已使用和未使用的代码.但是,似乎没有办法只保存或导出使用过的代码.即使隐藏未使用的代码也会有所帮助

我正在尝试减少应用程序中的Bootstrap CSS数量; 该文件超过7000行.获取所用代码的唯一方法是仔细滚动文件,查找绿色部分,然后将该代码复制到新文件.这是耗时且不可靠的.

有不同的方式吗?Chrome 60似乎没有添加此功能.

google-chrome-devtools

37
推荐指数
6
解决办法
5656
查看次数

从页面中提取使用的CSS

我需要从一个19,000行CSS文件中提取使用过的CSS,其中98.4%是未使用的(ouch).我知道您可以使用Chrome开发者工具查看CSS Coverage,如下所示:

在此输入图像描述

但它不允许你甚至跳到绿线.手动通过19K线似乎不太可行.

Chrome Lighthouse似乎没有为您提供仅选择开发人员工具所需的规则的选项.

我已经尝试过Firefox的"CSS Usage"附加组件(很多网站都推荐),但它需要FireBug,FireBug本身在当前版本的FireFox中不兼容.

任何人都可以想到一种方法来拉出以某种方式使用的CSS吗?

html css lighthouse

9
推荐指数
2
解决办法
1114
查看次数

标签 统计

css ×1

google-chrome-devtools ×1

html ×1

lighthouse ×1