鉻開發工具源代碼

我想創建自己的顏色選擇器擴展，如鉻開發工具的顏色選擇器工具。 Chrome的拾色器工具非常好。所以我的問題是：我如何獲得鉻的顏色選擇器工具源代碼？非常感謝。鉻開發工具源代碼

2017-08-11 user8425090

JS有很多顏色選擇器。例如。 http://jscolor.com/ – Justinas

[貢獻Chrome DevTools]（https://developer.chrome.com/devtools/docs/contributing#contributing-to-devtools-source-code）'[...] Chrome DevTools實際上是一個用JavaScript和CSS編寫的Web應用程序。 [...]有幾個人已經這樣做了，給了我們一個彩色選擇器，...... [...]'這裏解釋瞭如何獲得源代碼[Chrome DevTools修訂版撰稿指南]（https：// docs.google.com/document/d/1WNF-KqRSzPLUUfZqQG5AFeU_Ll8TfWYcJasa_XGf7ro/edit#） –

雖然谷歌瀏覽器不是一個開源應用程序，但Chromioum是。您可以下載其全部開源代碼here並嘗試提取color pallet mechanisms。

除了深入探索這個龐大而複雜的代碼之外，還有很多其他基於Javascript的顏色選擇工具可以輕鬆實現。看看 JColor，我正在使用自己並非常滿意。

使用這個Javascript庫將得多更容易比提取和實施開發工具的顏色調色板，這是一個2線的應用，這將給你幾乎相同的功能：

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

除此之外，您可以在廣闊的互聯網上搜索更多的Javascript庫。

來源

2017-08-11 05:58:33

感謝您的建議。我會嘗試JColor – user8425090

@ user8425090如果我的答案有幫助，接受是正確的，將不勝感激。 –

在devtool使用的顏色選擇器是這裏列出的模塊：https://cs.chromium.org/chromium/src/third_party/WebKit/Source/devtools/front_end/color_picker/

這是一個比較大的模塊，所以我不會在此處鏈接，也不建議你在未來的擴展來使用它。但是，如果您確實有耐心，那麼您一定可以挑選出您需要的部分，並根據文件中描述的許可證使用它。

來源

2017-08-11 06:03:13

謝謝。我會試試看。 – user8425090

吸管工具：

我相信你指的顏色選擇器，谷歌瀏覽器滴管工具。在深入研究之後，我想我找到了一個GitHub頁面，其中包含此類工具的驗證源代碼，如果這是您所指的內容。

源代碼：

下面是兩個環節。第一個鏈接是Google Chrome Webstore頁面，您將在其中找到Eye Dropper Tool。如果這是您引用的工具，那麼第二個鏈接將成爲它的源代碼。

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

這裏是源代碼：https://github.com/kepi/chromeEyeDropper

希望這可以幫助你！

來源

2017-08-11 06:04:25 TazerFace

非常感謝。這就是我正在尋找的 – user8425090

鉻開發工具源代碼

回答

相關問題