Jest bardzo przydatne narzędzie wbudowane w narzędzie programistyczne chrome, które właśnie odkryłem. Nawet nie znam jego nazwy i nie mogę go znaleźć w Google. Powiedziałbym, że jest to narzędzie inspektora pikseli.
Znajduję następującą metodę, jak go używać:
1a. Sprawdź element HTML z kolorem tła.
1b. Zdefiniuj kolor tła elementu.
- Kliknij próbnik kolorów.
- Najedź myszą na dowolny element na stronie (nie na narzędziu deweloperskim)
Zobacz: http://skalar.darkware.hu/skalkaz/Chrome-Colorpicker.gif
Moje pytania: Jak nazywa się to narzędzie? Jak łatwo z niego korzystać? W większości przypadków nie obchodzi mnie kolor, ale chcę sprawdzić piksele ikony. Czy istnieje skrót klawiszowy tego narzędzia?
google-chrome-devtools
Skalár Wag
źródło
źródło
Odpowiedzi:
Aby otworzyć zakraplacz, wystarczy:
Jego główną funkcją jest sprawdzanie wartości kolorów pikseli, klikając je, ale dzięki nowym funkcjom możesz również zobaczyć istniejącą paletę kolorów strony lub paletę Material Design, klikając ikonę dwóch strzałek u dołu. Przydaje się przy projektowaniu strony.
źródło
Nazywa się to po prostu kroplomierzem. Nie ma do tego klawisza skrótu, o którym wiem. Jedynym sposobem, w jaki możesz go teraz użyć, jest kliknięcie pola wyboru koloru na pasku bocznym stylów, a następnie kliknięcie strony, tak jak już robiłeś.
źródło
--c: red, najprostszy sposób, aby uzyskać właściwość koloru w panelu devtools.Obecnie kroplomierz nie działa w mojej wersji Chrome (jak opisano powyżej), chociaż działało u mnie w przeszłości. Słyszałem, że jest aktualizowany w najnowszej wersji Chrome.
Jednak jestem w stanie łatwo pobrać kolory w Firefoksie.
Kolor jest kopiowany do schowka, a zakraplacz znika.
Jeśli nie możesz uruchomić narzędzia zakraplacza do działania w Chrome, jest to dobre obejście.
Łatwiej mi się też dostać :-)
źródło