如何使用Chrome DevTools颜色选择器工具而不是普通的Chrome颜色选择器工具?

o3imoua4  于 2023-05-20  发布在  Go
关注(0)|答案(1)|浏览(162)

Google Chrome提供了自己的颜色选择器工具,当我们不想在我们的网站上安装/编写自己的颜色选择器时,开发人员可以使用。很有用很漂亮这很简单。只要插入一行小巧可爱的HTML5
<input type="color" />
而且很有效它几乎是伟大的。几乎是完美的。这几乎是蜜蜂的膝盖。* 几乎 *

它有RGB。有六角魔法。它甚至有高速公路。但该死的东西不允许用户改变透明度。这有点蠢我希望用户改变不透明度,该死的!
现在,我的网站的用户可以更改不透明度。我很懒,所以这不是疯狂或什么的。只是在上面的代码中添加了一点,它就可以工作了。只是这不是我想要的。
<input id="color" type="color"/><input id="opacity" type="number" min="0" max="1" />
显然,Google可以编写一个可以使用rgba和hsla的颜色选择器工具。他们做了,它(仍然)在当前版本的谷歌浏览器(91.0.4472.77)。它可以在Google Chrome的DevTools中使用。这是真棒。太棒了
我想要那个颜色选择器。

有没有办法在我的网站上使用很棒的颜色选择器?

  • PS:我知道我可以写一个这样的颜色选择器,或者安装一个我在Github上找到的。但我不想做这两件事中的任何一件,因为1)我很懒,2)我测试过的大多数程序看起来都很丑,或者编码的方式让我突然对意大利面产生了巨大的渴望。
6jjcrrmo

6jjcrrmo1#

要查看的地方是Chrome Dev Tools API。从我所看到的,他们只是提供了Inspector作为一个整体单元,其中可能包括颜色选择器。但是没有独立于我看到的Inspector的钩子。
也许如果您在本地添加package,您可以四处查看并可能找到如何使用它。您可以将整个包添加为npm依赖项:npm install chrome-devtools-frontendyarn add chrome-devtools-frontend

相关问题