Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Chrome - pobranie css z elementu i potomnych
Forum PHP.pl > Inne > Hydepark
Pyton_000
Widział ktoś coś takiego dla Chrome?

Chcę sobie pobrać z jakiegoś elementu i jego dzieci pełny CSS.
Przydatne czasami jak styluję coś w przeglądarce i chcę pobrać gotowy kod z podziałem na elementy.

Przykład.
Klikam na tabelę i kopiuję CSS dla Tabeli, wierszy, komórek, wszystkich elementów wewe. Tabeli (divy, spany, i inne szachrajstwo)
Comandeer
Można to łatwo skrobnąć w JS - taki proof of concept: http://bzdety.comandeer.pl/getStyles.html + https://gist.github.com/Comandeer/ba80698f4f5e81a4a777
Dość toporna wersja, ale można to rozbudowywać i np później przerobić na bookmarklet. Na pewno trza by zrobić lepsze pobieranie selektorów (np. pętelka tak długo, aż nie dojdziemy do poziomu elementu, dla którego chcemy pobrać style)
Pyton_000
Ok, znalazłem coś takiego: http://www.betterprogramming.com/htmlclipper.html
Działa nawet smile.gif
by_ikar
Jeżeli jest to jakiś projekt statyczny, to poczytaj o workspace które jest dostępne w chrome devtoolsach od jakiegoś już czasu.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.