css调试

print 打印的样式

1.  打开[命令菜单](https://developers.google.com/web/tools/chrome-devtools/ui#command-menu)。
2.  开始输入`Rendering`并选择`Show Rendering`。
3.  对于**Emulate CSS Media**下拉列表,选择**print**。

切换伪类

1 . computed 有:hover
2 .

coverage 查看已使用和未使用的css

按下Command+ Shift+ P(Mac)或 Control+ Shift+ P(Windows,Linux,Chrome OS),同时DevTools处于焦点以打开命令菜单。
开始输入coverage并选择Show Coverage。将显示“覆盖”选项卡。

1 .绿色表示使用
2 .红色表示未使用

更多

1 .直接添加阴影
2 .导入新的样式表
3 .

检查动画

1 .动画检查器支持css动画,css过渡,网络动画,不支持requestAnimationFrame动画
2 .f12 ctrl shift p show animation
3 .

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容