Es gibt ein sehr nützliches Tool in Chrome Dev Tool, das ich gerade entdeckt habe. Ich kenne den Namen nicht einmal und kann ihn bei Google nicht finden. Ich würde sagen, es ist ein Pixel Inspector Tool.
Ich finde die folgende Methode, wie man es benutzt:
1a. Untersuchen Sie ein HTML-Element mit Hintergrundfarbe.
1b. Definieren Sie die Hintergrundfarbe eines Elements.
- Klicken Sie auf den Farbwähler.
- Bewegen Sie die Maus über ein Element auf der Seite (nicht über das Entwicklungswerkzeug).
Siehe: http://skalar.darkware.hu/skalkaz/Chrome-Colorpicker.gif
Meine Fragen: Wie lautet dieser Werkzeugname? Wie benutzt man es einfach? Die meiste Zeit ist mir die Farbe egal, aber ich möchte die Pixel eines Symbols untersuchen. Gibt es einen Hotkey für dieses Tool?
google-chrome-devtools
Skalár Wag
quelle
quelle
Antworten:
So öffnen Sie die Pipette einfach:
Die Hauptfunktion besteht darin, die Pixelfarbwerte durch Klicken zu überprüfen. Mit den neuen Funktionen können Sie jedoch auch die vorhandene Farbpalette oder Materialdesignpalette Ihrer Seite anzeigen, indem Sie auf das Symbol mit den beiden Pfeilen unten klicken. Dies kann beim Entwerfen Ihrer Seite sehr praktisch sein.
quelle
Es wird nur als Pipettenwerkzeug bezeichnet. Es gibt keine Tastenkombination dafür, die mir bekannt ist. Sie können es jetzt nur noch verwenden, indem Sie auf das Farbauswahlfeld in der Stil-Seitenleiste klicken und dann auf die Seite klicken, wie Sie es bereits getan haben.
quelle
--c: red
, einfachste Möglichkeit, eine Farbeigenschaft in Ihr devtools-Bedienfeld zu übernehmen.Derzeit funktioniert die Pipette in meiner Chrome-Version (wie oben beschrieben) nicht, obwohl sie in der Vergangenheit für mich funktioniert hat. Ich habe gehört, dass es in der neuesten Version von Chrome aktualisiert wird.
In Firefox kann ich jedoch problemlos Farben erfassen.
Die Farbe wird in Ihre Zwischenablage kopiert und das Pipettenwerkzeug verschwindet.
Falls Sie die Pipette in Chrome nicht zum Laufen bringen können, ist dies eine gute Lösung.
Ich finde es auch einfacher zuzugreifen :-)
quelle