[译] Chromium 开发者工具还能作这个?

原文连接:Chromium Developer Tools can do that?,by Andreas浏览器

如下是 Chromium 开发者工具的一些有用功能,有些可能还不知道到。这些特性在每一个基于 Chromium 开发的浏览器中都能使用(像 Brave、Vivaldi、Opera、新版的 Microsoft Edge、Google Chrome 等这些浏览器)。编辑器

1、黑色主题

你能够将开发者工具调节成黑色注意,在“设置”中选择。工具

2、阴影编辑器

在样式观察器中,能够对 box-shadow 属性进行可视化编辑。测试

3、颜色拾取器

颜色值均可以使用颜色拾取器作调整。3d

4、设备工具栏

无需调整浏览器窗口的大小,只需使用设备工具栏就能测试响应式页面。code

5、图层检查器

使用图层检查器(Layer Inspector)观察嵌套元素的层级结构。cdn

6、 强制设置元素状态

有时候须要检查或调整元素在某个特定状态(好比 :active、:hover 等)下的样式,就能够经过勾选 :hov 栏目下的相应复选框实现。blog

总结

这里列举的功能只是 Chromium 开发者工具的冰山一角,更多功能还有待你们去探索啦!开发

(正文完)get


广告时间(长期有效)

我有一位好朋友开了一间猫舍,在此帮她宣传一下。如今猫舍里养的都是布偶猫。若是你也是个爱猫人士而且有须要的话,不妨扫一扫她的【闲鱼】二维码。不买也没关系,看看也行。

(完)

相关文章
相关标签/搜索