chrome开发人员工具源代码

Question

我想创建自己的颜色选择器范围，例如chrome dev工具的颜色选择器工具。 Chrome的颜色选择器工具非常好。 所以我的问题是：如何获取chrome的拾色器工具源代码？ 非常感谢。

Answer 1

虽然Google Chrome浏览器不是开源应用程序，但Chromioum却是。 您可以在此处下载其完整的开放源代码，并尝试提取调色板机制 。

除了深入研究这些庞大而复杂的代码之外，您还可以使用许多其他基于Java的颜色选择器工具，这些工具可以非常轻松地实现。 看一看JColor ，我正在使用我自己并且非常满意。

使用此Javascript库比提取和实现开发工具颜色调色板要容易得多，它是两行实现，将为您提供几乎相同的功能：

<script src="jscolor.js"></script>
Color: <input class="jscolor" value="ab2567">

除此之外，您还可以在互联网上搜索更多的Javascript库。

Answer 2

devtool中使用的颜色选择器是此处列出的模块： https ://cs.chromium.org/chromium/src/third_party/WebKit/Source/devtools/front_end/color_picker/

它是一个相对较大的模块，因此我不会在此处链接它，也不建议您在以后的扩展中使用它。 但是，如果您确实有耐心，则可以绝对选择所需的零件，并在文件中所述的许可下使用它。

Answer 3

滴管工具：

我相信您所指的颜色选择器是Google Chrome滴管工具。 研究完之后，我想我找到了一个GitHub页面，其中包含您所指的经过验证的此类工具的源代码。

源代码：

以下是两个链接。 第一个链接是Google Chrome Webstore页面，您可以在其中找到吸管工具。 如果这是您所引用的工具，则第二个链接将是它的源代码。

这是工具： https ： //chrome.google.com/webstore/detail/eye-dropper/hmdcmlfkchdmnmnmheododdhjedfccka？hl = zh-CN

这是源代码： https : //github.com/kepi/chromeEyeDropper

希望这可以帮助您！