有没有办法让Chrome DevTools颜色选择器更大？

Question

在Chrome DevTools（f12）中，可以单击css规则的十六进制值旁边的颜色样本。这带来了一个具有甜像素变焦选择能力的颜色选择器。这一切都很好，但当不使用像素选择器时，很难确定特定的颜色。这是因为颜色选择器很小，因此滑块/选择器太敏感。例如，很难获得特定的色调，如果你有任何种类的咖啡使得摇摇欲坠的手抖动，那么滑动滑块上的一个确切的“像素”几乎是不可能的。[/ p>

我看到DevTools has extensions可以添加面板/窗格，但是我没有看到是否可以操作实际的DevTools DOM，也没有[如果是这样]如何在颜色选择器初始化时检查检查器

我该怎么做？有没有办法增加颜色选择器的大小，比如大约加倍？一个俗气的模糊CSS规模很好，没有什么花哨的需要。这将允许可用的滑块定位。很抱歉，如果这是关于stackoverflow的主题，它的焦点是编写扩展/解决方案，而不是如何使用DevTools（即webapps.stackexchange）。

Answer 1

Chrome DevTools中使用的颜色选择器是Spectrum的一种实现，已添加到Web Insitctor for WebKit中，随后在2013年添加了基于Blink的浏览器。目前没有API将颜色选择器暴露给Chrome Extensions。

你有几个我可以想到的选择：

1. Log an issue here包含一些详细信息和屏幕截图，并提出了一个强大的案例来更改选择器的大小。我认为这是一个好主意。

2. 在本地下载DevTools网络应用程序的副本，并使用远程调试协议将其连接到Chrome实例。有关具体说明，请参阅Hacking Chrome DevTools。

第二个选项是在本地自定义DevTools的一种很酷的方法，但它不是一个长期解决方案，因为您必须定期获取最新代码以保持与后端的兼容性。

更新：我愚蠢地错过了第三个选项，根据Kayce的回答，我只是放大了，就像我发布这个回复一样。在Mac上，您还可以使用 Cmd + Alt + + 来缩放整个窗口。省略 Alt 只缩放当前窗口。

Answer 2

如何直接放大DevTools窗口？ Windows上的Ctrl和+，Mac上的Cmd和+。

小：

大