有没有办法让 Chrome DevTools 颜色选择器变大?
Is there a way to make the Chrome DevTools color picker larger?
在 Chrome DevTools (f12) 中,可以单击 css 规则的十六进制值旁边的色样。这带来了一个具有甜蜜像素缩放选择器能力的颜色选择器。这一切都很好,但是当 不 使用像素选择器时,很难确定特定的颜色。这是因为拾色器很小,所以 sliders/chooser 太敏感了。例如,很难获得特定的色调,如果你喝过任何一种咖啡,让鼠标手抖动,那么滑稽地 [几乎] 不可能在滑块上精确 "pixel" 放手。
我看到 DevTools has extensions 可以添加 panels/panes,但我没有看到是否可以操纵实际的 DevTools DOM,也没有 [如果可以] 如何检查颜色选择器初始化时的检查器。
我该怎么做?有没有办法通过说大约两倍来增加颜色选择器的大小?俗气的模糊 CSS 比例很好,不需要什么花哨的东西。这将允许可用的滑块定位。抱歉,如果这在 Whosebug 中不是主题,它的重点是编写 extension/solution,而不是如何使用 DevTools(即 webapps.stackexchange)。
放大您的 DevTools window 怎么样? Ctrl
和 +
Windows / Linux、Cmd
和 +
Mac。
小:
大:
Chrome DevTools 中使用的颜色选择器是 Spectrum, which was added into Web Inspector for WebKit, and subsequently Blink-based browsers back in 2013. There are currently no API's that expose the color picker to Chrome Extensions 的一个实现。
你有几个我可以考虑的选项:
Log an issue here 提供了一些细节和屏幕截图,并提出了更改选择器大小的有力案例。我认为这是个好主意。
在本地下载 DevTools 网络应用程序的副本,并使用远程调试协议将其连接到 Chrome 实例。具体说明见Hacking Chrome DevTools。
第二个选项是在本地自定义 DevTools 的一种很酷的方法,但这不是一个长期的解决方案,因为您必须定期获取最新代码以保持与后端的兼容性。
更新: 我愚蠢地错过了第三个选项,只是放大,根据 Kayce 的回答,我在发布此回复时刚刚看到。在 Mac 上,您还可以使用 Cmd+Alt++ 来缩放整个 window。省略 Alt 仅缩放当前 window.
在 Chrome DevTools (f12) 中,可以单击 css 规则的十六进制值旁边的色样。这带来了一个具有甜蜜像素缩放选择器能力的颜色选择器。这一切都很好,但是当 不 使用像素选择器时,很难确定特定的颜色。这是因为拾色器很小,所以 sliders/chooser 太敏感了。例如,很难获得特定的色调,如果你喝过任何一种咖啡,让鼠标手抖动,那么滑稽地 [几乎] 不可能在滑块上精确 "pixel" 放手。
我看到 DevTools has extensions 可以添加 panels/panes,但我没有看到是否可以操纵实际的 DevTools DOM,也没有 [如果可以] 如何检查颜色选择器初始化时的检查器。
我该怎么做?有没有办法通过说大约两倍来增加颜色选择器的大小?俗气的模糊 CSS 比例很好,不需要什么花哨的东西。这将允许可用的滑块定位。抱歉,如果这在 Whosebug 中不是主题,它的重点是编写 extension/solution,而不是如何使用 DevTools(即 webapps.stackexchange)。
放大您的 DevTools window 怎么样? Ctrl
和 +
Windows / Linux、Cmd
和 +
Mac。
小:
大:
Chrome DevTools 中使用的颜色选择器是 Spectrum, which was added into Web Inspector for WebKit, and subsequently Blink-based browsers back in 2013. There are currently no API's that expose the color picker to Chrome Extensions 的一个实现。
你有几个我可以考虑的选项:
Log an issue here 提供了一些细节和屏幕截图,并提出了更改选择器大小的有力案例。我认为这是个好主意。
在本地下载 DevTools 网络应用程序的副本,并使用远程调试协议将其连接到 Chrome 实例。具体说明见Hacking Chrome DevTools。
第二个选项是在本地自定义 DevTools 的一种很酷的方法,但这不是一个长期的解决方案,因为您必须定期获取最新代码以保持与后端的兼容性。
更新: 我愚蠢地错过了第三个选项,只是放大,根据 Kayce 的回答,我在发布此回复时刚刚看到。在 Mac 上,您还可以使用 Cmd+Alt++ 来缩放整个 window。省略 Alt 仅缩放当前 window.