代码覆盖率终于走过了实验阶段发布到了Chrome Canary,意味着它将很快达到普遍的可用性。这是一个令人兴奋的功能,在使用JavaScript和CSS时非常有用,所以我以为我会做一个快速演示,并探索它是如何有用的。
它有什么作用?
代码覆盖可以让你运行你的Web应用程序,然后针对每个JS / CSS文件,看看哪些代码在运行,哪些代码没有。
在这里,我运行了一个简单的静态网页,Chrome生成了页面上存在的CSS和JS文件的故障。右侧的栏显示每个文件的相对大小,红色表示未使用的代码,绿色显示运行的代码。
录制代码覆盖的工作方式类似于devtools时间轴 - 你打成记录,然后与你的站点正常交互。完成后,Chrome会进行一些计算并生成读数。在这里,我很好奇网站上有多少未使用的CSS,所以我导航到各个子页面,以确保我打到每个css“代码路径”。果然,这里有很大的改进空间,因为我的网站上的css的97%没有使用!
相关推荐
深度解析ShardingJDBC:Java开发者的分库分表利器
由于F12是前端开发人员的利器,所以我自己也在不断摸索中,查看一些博客和资料后,自己总结了一下来帮助自己理解和记忆,也希望能帮到有需要的小伙伴,嘿嘿!
动软.Net代码生成器 是一款为C#数据库程序员设计的自动代码生成器,... Codematic 同时提供便捷的数据库管理功能和多项其他开发工作中常用到的辅助工具功能,您可以很方便轻松地进行项目开发。让开发变得轻松而快乐!
直接安装到U盘或者虚拟机里即可启动。破解利器。字典要另外下载,本安装包没有附带字典。博主也是菜鸡,刚入手这个方向,什么都不懂,多多指教。。。。。。
ShardingJDBC是一个轻量级的Java框架,专为处理分库分表场景而设计。起源于当当网,后经由多家大型互联网企业的验证...通过配置application.properties文件,开发者可以指定数据源、表的分布、分片策略及其他参数。
尚硅谷Java开发利器:IntelliJ IDEA的安装、配置与使用
C代码查看利器:SourceInsight 查看C大项目代码的利器,非常清楚方便!
Spring Boot快速开发利器:Spring Boot CLISpring Boot快速开发利器:Spring Boot CLISpring Boot快速开发利器:Spring Boot CLISpring Boot快速开发利器:Spring Boot CLI
博文《C#计时利器:Stopwatch的使用》中的源代码。
AOP 的利器:ASM 3_0 介绍,很好的书
delphi 开发网页利器:DeWeb,可以直接将Delphi程序快速转换为网页应用的工具!使用DeWeb, 开发者不需要学习HTML、JavaScript、Java、PHP、ASP、C#等新知识,用Delphi搞定一切。DeWeb开发的网页支持所有客户端,包括...
HBase开发实战,HBase学习利器:HBase实战
Javascript的调试利器:Firebug使用详解
马可代码覆盖率平台
devTools-golang程序员利器 工具的初衷,最大化减少重复性劳动 效果预览 json转golang结构 mysql转golang结构 有什么功能吗? r . GET ( "/base64" , contoller . Base64 , middleware . UsageCount ) r . GET ( ...
10 Kubernetes一键部署利器:kubeadm.pdf
Linux文件下载利器:Downloader For X.pdf
项目概述:此项目为大数据处理利器集,以Scala为主要编程语言,辅以Java,共包含530个文件。...该代码集是大数据处理领域的实践宝库,适合对Spark、ZooKeeper和Kafka有一定了解的开发者深入学习和参考。
提速利器:RFID技术应用于物流配送.pdf