2016-07-08 70 views
0

在Chrome DevTools(f12)中,可以單擊css規則的十六進制值旁邊的色樣。這帶來了一個具有甜美像素縮放選擇器能力的顏色選擇器。這一切都很好,但是當使用像素選擇器的而不是時,很難指定特定的顏色。這是因爲拾色器很小,所以滑塊/選擇器太敏感。例如很難得到一個特定的色調,如果你有任何形式的咖啡使得手抖動,那麼在滑塊上精確的「像素」上滑動幾乎是不可能的。有沒有辦法讓Chrome DevTools顏色選擇器變大?

我看到DevTools has extensions其中可以添加面板/窗格,但我沒有看到是否可以操縱實際的DevTools DOM,也沒有[如果是]如何檢查檢查器,而顏色選擇器是初始化。

我該怎麼辦?有沒有辦法增加colorpicker的大小,比如說,大約兩倍?一個俗氣的模糊CSS規模很好,沒有什麼奇特的需要。這將允許可用的滑塊目標。對不起,如果這是在stackoverflow主題,它的重點是編碼擴展/解決方案,而不是如何使用DevTools(即webapps.stackexchange)。

+0

顏色選擇器不是爲了讓你得到你想要的特定顏色,而是一個接近足夠的顏色,看看它會是什麼樣子。如果你知道你想要的顏色,請輸入。 – Garbee

+0

@Garbee colorpicker的確是爲了讓你獲得你想要的特定顏色,否則所有的顏色都不可用,對。 – dhaupin

+0

「,但看起來很像,如果你知道你想要的顏色,請輸入它。」它需要讓他們都可用,只是爲了讓你接近。如果你能得到確切的結果,但絕大多數DevTools使用,關閉就足夠了。 – Garbee

回答

2

如何放大DevTools窗口?在Windows/Linux上的Ctrl+,在Mac上的Cmd+

小:

enter image description here

大:

enter image description here

+0

使用Ctrl + 0將它重置爲任何人想知道如何縮放後的默認大小。 – Garbee

3

在Chrome DevTools使用的顏色選擇器是Spectrum的實現,它加入到網絡督察的WebKit,隨後基於閃爍的瀏覽器早在2013年。目前沒有API公開顏色選擇器到Chrome Extensions

你有兩個選擇我能想到:

  1. Log an issue here一些細節和截圖,並拿出更改揀貨機的尺寸了強有力的理由。我認爲這是一個好主意。

  2. 使用遠程調試協議在本地下載DevTools Web應用程序的副本並將其掛接到Chrome實例。有關具體說明,請參見Hacking Chrome DevTools

第二個選項是在本地定製DevTools一個很酷的方式,但它不是一個長期的解決方案,因爲你必須定期獲得最新的代碼,以保持與後端兼容性。

更新:根據凱斯的回答,我簡單地放大了第三個選項,我只是在我發佈這個答覆時纔看到。在Mac上,您也可以使用Cmd + Alt + +放大整個窗口。省略Alt只放大當前窗口。

+0

好主意,謝謝。我不確定接受哪個答案,希望我可以選擇2.縮放雖然不是最佳,但現在可以工作。我會記錄一個問題,當我得到時間並在此處發佈鏈接時。 – dhaupin

相關問題