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

1,504 阅读1分钟

原文链接:Chromium Developer Tools can do that?,by Andreas

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

一、黑色主题

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

二、阴影编辑器

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

三、颜色拾取器

颜色值都可以使用颜色拾取器做调整。

四、设备工具栏

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

五、图层检查器

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

六、 强制设置元素状态

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

总结

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

(正文完)


广告时间(长期有效)

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

(完)