Pyton_000
13.05.2015, 08:18:10
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
13.05.2015, 10:00:14
Można to łatwo skrobnąć w JS - taki proof of concept:
http://bzdety.comandeer.pl/getStyles.html +
https://gist.github.com/Comandeer/ba80698f4f5e81a4a777Dość 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
13.05.2015, 11:09:25
by_ikar
13.05.2015, 11:18:19
Jeżeli jest to jakiś projekt statyczny, to poczytaj o workspace które jest dostępne w chrome devtoolsach od jakiegoś już czasu.