Google Chrome Code Coverage工具提取代码不准确，寻求替代工具

针对你遇到的CSS媒体查询识别失效、jQuery代码误删必需声明的问题，推荐以下工具：

CSS冗余清理工具 #

• PurgeCSS：专门处理未使用CSS的工具，能精准识别@media查询规则——它通过扫描HTML、JS文件里的选择器引用，直接匹配所有关联的样式，不用手动切换设备尺寸。支持配置白名单避免误删，还能集成到Webpack、Vite等构建工具里。
• UnCSS：会模拟浏览器加载页面，分析实际渲染的样式，能自动识别不同断点下的@media样式，还可以指定多个视图尺寸覆盖所有断点场景，适合静态页面或传统多页应用。

JS代码精简工具 #

• Terser：它的代码压缩和摇树优化比Chrome Coverage更智能，针对jQuery这类依赖原型链、全局变量的库，能识别间接引用的函数和变量，不会误删必需的声明。可以配合Source Map保留调试能力，也支持CLI命令直接处理文件。
• Webpack + Tree Shaking：如果用Webpack构建项目，开启tree-shaking（需使用ES模块），再搭配webpack-bundle-analyzer插件可视化分析代码使用情况。只要正确引入jQuery（比如import $ from 'jquery'），Webpack能准确识别依赖关系，避免删除必要的内部逻辑。
• Rollup：对JS的静态分析精度更高，摇树效果更彻底，适合处理库或小型项目的代码精简，能很好处理jQuery里的隐式依赖，保留必需的函数和变量声明。

综合类方案 #

用Webpack整合PurgeCSS（通过purgecss-webpack-plugin）和tree-shaking，再加上webpack-bundle-analyzer可视化分析，一站式解决CSS和JS的冗余清理问题，同时避免误删必要代码。

内容的提问来源于stack exchange，提问作者dragnash