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

希望這可以幫助您！