chrome开发者工具源代码

Question

我想创建自己的颜色选择器扩展，如铬开发工具的颜色选择器工具。Chrome的颜色选择器工具非常不错。所以我的问题是:如何获得chrome的颜色选择器工具源代码？非常感谢。

Answer 1

虽然Google Chrome不是开源应用程序，但Chromioum是。您可以下载其完整的开源here并尝试提取color pallet mechanisms。

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

使用这个Javascript库将比提取和实现开发工具的颜色调色板( color pallete )容易得多，这是一个2行代码的实现，它将为你提供几乎相同的功能：

<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页面，在那里您可以找到Eye Dropper工具。如果这就是您所引用的工具，那么第二个链接就是它的源代码。

下面是工具：https://chrome.google.com/webstore/detail/eye-dropper/hmdcmlfkchdmnmnmheododdhjedfccka?hl=en

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

希望这能帮到你！