程序员经验分享-hwhale

Chrome 开发者工具：I CSS 覆盖未使用的字节

2024-02-16

我正在尝试从网页中删除未使用的 CSS。

  • 在 Chrome 开发者工具中 -> 单击垂直三个点 -> 更多工具 -> 覆盖范围。
  • 单击任意 CSS
  • 我们看到一份报告，其中红色表示未使用的 CSS，绿色表示已使用的 CSS。

有没有一种方法可以根据CSS是否被使用来对它们进行分组？目前，红色/绿色视觉指示器很好，但是，它们并没有提供一种简单的方法来复制/粘贴所使用的 CSS。

如何获取 CSS 代码覆盖率 https://i.stack.imgur.com/8rH7F.png

CSS 代码覆盖率的可视化指示器 https://i.stack.imgur.com/jC5ic.png


DevTools 技术作家在这里。

不，不幸的是，目前无法进行分组。我们知道用户希望能够将使用过的代码导出到文件中。不过，无法给出该功能何时发布的时间表。

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

googlechromedevtools

codecoverage

Chrome 开发者工具：I CSS 覆盖未使用的字节 的相关文章

  • 无法访问 cookie 值

    当我访问此 URL 时清除浏览器历史记录后 http indianvisa bangladesh nic in visa index html http indianvisa bangladesh nic in visa index htm

  • 如何在 Chrome DevTools 中查看元素上触发的事件？

    我在库的页面上有一个可自定义的表单元素 我想看看当我与它交互时会触发哪些 javascript 事件 因为我试图找出要使用的事件处理程序 如何使用 Chrome Web Developer 来做到这一点 您可以使用监控事件 http www

  • Chrome 调试协议：HeapProfiler.getHeapSnapshot 忽略回调

    我正在开发一个测试套件 作为 Chrome 扩展实现 该套件使用 Chrome Chromium 的远程调试协议以编程方式获取和分析堆快照 因为Profiler 似乎不是公共协议的一部分 我正在使用这一页 http trac webkit

  • C++ PyImport 的 Python 覆盖率

    情况 我正在尝试获取当前项目中所有 python 代码的覆盖率报告 我在很大程度上使用 Coverage py 并取得了巨大成功 目前我正在使用它this https coverage readthedocs io en v4 5 x su

  • 在 Chrome 开发者工具中禁用脚本编辑

    我使用 Chrome 开发者工具来调试 JavaScript 代码 但我对 Chrome 允许在 脚本 选项卡下编辑 JavaScript 文件的方式感到不满 有时 我没有意识到我在 Chrome 中 开始对 脚本 选项卡下的代码进行更改

  • 打开浏览器开发者工具会影响应用程序性能吗？

    我想知道打开浏览器开发人员工具是否真的会以任何方式影响应用程序性能 这不仅仅是考虑在同一窗口中打开开发人员工具 它可以在新窗口或同一窗口中 如果开发人员工具未打开与打开状态相比 应用程序渲染 性能是否有任何差异 打开开发人员工具肯定会影响性

  • gcovr 和 Xcode 5 的代码覆盖率不起作用

    我正在使用 gcovr 生成 cobertura 的代码覆盖率 xcode 4 6 一切正常 现在我更新到了 xcode5 我得到的一切都是 0 覆盖率 我的设置 全球冠状病毒3 0 Xcode 5 苹果 LLVM 5 生成测试覆盖率文件

  • 我可以在 chrome devtools 中执行 nodejs javascript 脚本吗？

    是否可以使用Chrome 开发工具执行终端命令node myfile js 所以chrome控制台会输出所有console log来自我的代码 我有一些terminal插件安装在我的 IDE 中 当我想在我的文件上运行此命令时 我使用一些键

  • 编写 LESS 时，chrome 调试器中出现红点？

    我正在将 css 文件转换为 LESS 文件 我的 LESS 只有一部分运行良好 我在 chrome 调试器中看到那些有问题的行有一条奇怪的红点线 知道它们是什么意思吗 http codemirror net doc releases ht

  • 如何诊断这些 PHP 代码覆盖分段和 zend_mm_heap 损坏错误

    我一直很高兴在我的 Ubuntu 机器上编码 这是一台拥有大量内存的强大机器 我正在研究 4 个新课程 一边编写和运行单元测试 在某些时候 我注意到 虽然单元测试完成得很好 但代码覆盖率却没有 在消息 正在生成代码覆盖率报告 等 之后 我会

  • 在 Chrome 中，我可以直接进入设备模式而不使用 DevTools 吗？

    铬的设备模式 https developers google com web tools chrome devtools device mode emulate mobile viewports hl en非常适合测试响应式布局 但是 似乎

  • 如何调试 Node.js 应用程序？

    如何调试 Node js 服务器应用程序 现在我主要使用警报调试打印语句如下 sys puts sys inspect someVariable 一定有更好的调试方法 我知道谷歌浏览器 http en wikipedia org wiki

  • 为什么 PHPUnit 将一些右大括号显示为未被覆盖？

    我正在使用 PHPUnit 3 6 7 PHP CodeCoverage 1 1 1 和 Xdebug 2 1 2 当我让 PHPUnit 将代码覆盖率统计信息写入 clover 样式的 XML 文件时 它偶尔会显示一个右花括号 表示测试未

  • Emma 不生成coverage.ec

    我设置了艾玛 它曾经对我有用 然后我们更改了源代码 现在它没有生成coverage ec根本不 它确实生成coverage em 测试临近结束时 出现错误消息 exec INSTRUMENTATION CODE 0 echo Downloa

  • 是否可以在Chrome中查看jQuery添加的数据

    创建网站时我经常使用 jQuery data 向元素添加数据的函数 是否可以在 Chrome 中查看元素存储的所有数据 因此 当我检查一个元素时 它会在 Chrome 本身中显示数据 如果没有 是否可以编写一个插件来 扩展 到 Chrome

  • 开始使用 TDD？

    我们正处于尝试实施 TDD 的初始阶段 我演示了 Visual Studio Team System 代码覆盖率 TDD 工具 团队对这种可能性感到兴奋 目前我们使用 Devpartner 进行代码覆盖 但我们希望消除它 因为它很昂贵 我们

  • Google Chrome API：如何添加我的应用程序以在“新标签”（应用程序）页面上显示图标？

    我注意到 新选项卡 页面有一个应用程序部分 但默认情况下不在那里添加应用程序 我需要做什么才能让我的申请出现在那里 托管应用程序和打包应用程序 http code google com chrome webstore docs choosi

  • Sonarqube 未从 LCOV 检索我的 JavaScript 覆盖范围

    我有一个具有以下结构的应用程序 my application pom xml app scripts app js js 3rd party libs build node modules test 我已经创建了pom xml仅运行 Son

  • Chrome 中的 V8 原生语法

    Nodejs 有特殊标志 allow natives syntax 是否可以将这样的东西传递给 Google Chrome 或者也许开发工具提供了其他方式来访问此类信息 running node with allow natives syn

  • Brunch 源映射：在 Chrome 开发工具中未命中断点

    我正在使用 Brunch 中内置的默认源映射 我看到文件很好 但无法在源映射文件中命中断点 使用 Javascript 访问调试器debugger 有效 这让我相信早午餐方面出了问题 这是我的 brunch config js module

随机推荐

  • 将一个目录和子目录中的所有文件复制到单个位置[关闭]

    Closed 这个问题需要细节或清晰度 help closed questions 目前不接受答案 以下是将所有 txt 文件从一个位置复制到另一个位置的代码

  • 使用 Objective-C/Cocoa 启动 Mac 应用程序

    使用命令行启动路径查找器应用程序时 我使用open a Path Finder app Users 基于这个想法 我使用以下代码来启动路径查找器 我可以在不使用的情况下启动应用程序吗open命令行 NSTask task task NSTa

  • 恒定值变化

    假设我有一个结构体定义 struct thing thing x int z thing x this z 0 void foo const this gt x gt z 请注意 我创建了一个指向我自己的可变指针 邪恶的笑 然后我可以像这样

  • React Router v4 - 使用不同的查询参数重定向到相同的路由

    设想 有一个主页 搜索用户将被重定向到带有查询参数 例如 q abc 的搜索页面 现在在搜索页面上 用户再次尝试搜索不同的值 因此他再次被重定向到相同的搜索页面 但具有不同的查询参数 例如 q xyz Problem 当我尝试使用不同的查询

  • 嵌套 mybatis 映射

    我不知道如何在复杂的对象中使用 mybatis 结果 我有以下映射器类 public interface StationMapper MapKey stationId Map

  • Hibernate 根据条件选择顶部和底部 n 行

    假设我有两个表 书籍和评论 评论有一个列 星星 其值可以在 1 到 5 之间 一本书可以有许多评论 我如何选择所有书籍 以便使用 Criteria API 仅返回每本书的顶部和底部 3 条评论 而不是所有评论 如果 Criteria API

  • 有没有好的 jQuery 拖放文件上传插件？ [关闭]

    就目前情况而言 这个问题不太适合我们的问答形式 我们希望答案得到事实 参考资料或专业知识的支持 但这个问题可能会引发辩论 争论 民意调查或扩展讨论 如果您觉得这个问题可以改进并可能重新开放 访问帮助中心 help reopen questi

  • 如何在react-native-webview中保持最后一个网络会话处于活动状态？

    我正在开发一个应用程序 在该应用程序中我需要使用户的最后一个网络会话保持活动状态react native webview 这是所需的工作流程 我的应用程序只有一个 WebView 其中有固定的 url 正在加载 用户将打开应用程序并登录该网

  • 根据文件的扩展名将文件移动到适当的位置

    我有一个清理脚本 可以根据文件的扩展名将文件移动到适当的预设位置 例如 扩展名为 xls 的文件将被移动到 XLS 文件夹 sql 会被移动到 SQL 文件夹 依此类推 这是我的脚本 dirtyfolder server c Documen

  • 使用 lxml.etree 移动整个元素

    在 lxml 中 给定一个元素 是否可以将整个元素移动到 xml 文档中的其他位置 而不必读取它的所有子元素并重新创建它 我最好的例子就是改变父母 我翻阅了一些文档 但运气不佳 提前致谢 append insert和其他操作默认执行此操作

  • 在 UIPasteBoard 中复制 NSAttributedString

    如何在粘贴板中复制 NSAttributedString 允许用户粘贴或以编程方式粘贴 使用 void paste id sender 来自 UIResponderStandardEditActions 协议 I tried UIPaste

  • 段落“

    ”填充未应用

    以下三段代码的行为完全相同 p A paragraph of text here p p A paragraph of text here p p style padding 0 15 0 15 A paragraph of text he

  • MeteorJS模板不显示数据，不出现

    我最初以为我的集合没有接收数据 但事实证明我只是在查询中出现了拼写错误 但我的数据仍然没有出现在屏幕上 HTML 模板非常基本 如下所示

  • 新 Rails 3 项目中未定义的方法 `use_transactional_fixtures='

    当我尝试使用 MongoDB 和 Mongoid 在 Rails3 项目中运行测试时遇到错误 undefined method use transactional fixtures for ActiveSupport TestCase Cl

  • 创建实现特定接口的 ATL COM 对象

    我需要实现一个简单的 ATL COM 对象 该对象实现一个特定的接口 我已为其提供了 tlb 文件和 idl 文件 该接口非常简单 仅包含一个方法 我过去创建过许多 ATL 对象 但从未创建过必须实现特定接口的对象 我需要什么才能实现这一目

  • 跟踪App Store下载源

    有没有办法追踪App Store的下载源 例如 如果我在应用程序的 Facebook 页面上发布链接 我可以知道有多少人通过该链接下载了我的应用程序吗 感谢您的回答 是的 您可以使用 Apple App Analytics 的活动链接来跟踪

  • 如何将 UILongPressGestureRecognizer 添加到 UITextField？

    我正在尝试添加UILongPressGestureRecognizer到页面上的 UITextField 之一 但长按 UiTextField 时不会调用选择器方法 我将它添加到 UItextField 但当我长按 TextField 但在

  • 如何在多个游戏对象上统一使用相同的脚本？

    我有一个脚本CoinFill这会形成一个径向进度条 当 FillAmount 1 时 我想将该特定图像重置为零 我希望能够将其用于多个GameObjects 问题是当第一次FillAmount 1 速度较快的便士 可以点击镍币 可能是50

  • std::atomic 的正确用法

    这是使用 std atomic 的正确方法吗 我有一个Logger在命名空间级别声明称为LOGGER class Logger public Logger Logger bool Init std wstring logFileLocati

  • Chrome 开发者工具：I CSS 覆盖未使用的字节

    我正在尝试从网页中删除未使用的 CSS 在 Chrome 开发者工具中 gt 单击垂直三个点 gt 更多工具 gt 覆盖范围 单击任意 CSS 我们看到一份报告 其中红色表示未使用的 CSS 绿色表示已使用的 CSS 有没有一种方法可以根据

热门标签