Unused CSS/JS Detector

在网页上检测未使用的CSS和JS文件

未使用的CSS/JS检测器

优化您的Web开发工作流程

通过未使用的CSS/JS检测器提高您的Web开发效率，这是一种强大的Chrome扩展程序，为开发人员和Web优化爱好者而设计。此工具可帮助您在任何网页上识别和管理未使用的CSS和Javascript文件，从而简化优化过程并改善页面加载性能。

关键功能：

1。检测未使用的资源：自动扫描当前页面以查明未使用的CSS样式表和Javascript文件，从而节省了您在审核期间的宝贵时间。

2/ block/ unblock功能：单击一单击即可轻松阻止检测到的未使用资源，并在需要时取消阻止它们，并且会话持续存在。

3。实时加载时间跟踪：监视页面加载时间精确（降至0.000ms），并在阻止资源时查看性能改进。

4。重置选项：快速使用“重置块”按钮快速重置所有阻止资源，以还原为原始状态。

5。用户友好的界面：具有带有可单击的链接到资源URL的干净弹出窗口，截断了可读性，并在Hover上提供完整的URL。

它的工作原理：

1。单击扩展图标以打开检测器。

2。分析页面以查看潜在未使用的CSS和JS文件的列表。

3。使用“块”按钮来防止资源加载，并在页面刷新后观看加载时间更新。

4。根据需要取消阻止或重置以微调优化。

非常适合：

- 网络开发人员优化网站性能

- 前端工程师审核代码库

- SEO专家提高页面速度

- 任何想减少网络项目中膨胀的人

安装：

只需将未使用的CSS/JS检测器添加到您的Chrome浏览器中，然后立即开始优化您的网页！

优化更聪明，不要更难。立即下载未使用的CSS/JS检测器，并控制您的网络资源！

第一步：下载Unused CSS/JS Detector安装扩展

第二步：下载下来的扩展解压到你想放的文件夹里

比如我解压到extend文件夹

打开Chrome的扩展页面（chrome：// extensions /或按Chrome菜单图标>更多工具>扩展程序），右上角开发者模式，点击开启，蓝色为开启，灰色为关闭；

再次将crx文件拖放到扩展程序，页面左下角提示：“扩展功能、应用和主题背景可能会损害您的计算机。您确定要继续吗？”

点击“继续”依然显示“无法从该网站添加应用、扩展程序和用户脚本”。尝试另一种办法方法。

第三步：把crx后缀改为zip，再进行解压

如果有些windows电脑系统查看不到文件扩展名，则可以通过以下设置：

找到文件夹顶部，点击查看

点击查看，找到隐藏已知文件扩展名，去掉前面的勾即可

这样你就能看到解压好的扩展名：.crx

解压的扩展名为.crx

把.crx改为：zip

然后再用解压工具再解压一遍，即可得到扩展的全部文件

然后再谷歌浏览器插件页面选择：加载已解压的扩展程序

这样就安装成功了

友情提醒：

其他浏览器，包括qq浏览器，360浏览器，edge浏览器，猎豹浏览器，搜狗浏览器安装插件的方法都是类似的，以上内容大部分通用！