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

本文主要是介绍[译] Chromium 开发者工具还能做这个？，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

原文链接：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 开发者工具的冰山一角，更多功能还有待大家去探索啦！

（正文完）

广告时间（长期有效）

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

（完）

这篇关于[译] Chromium 开发者工具还能做这个？的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！

C/C++教程