Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> Chrome - pobranie css z elementu i potomnych
Pyton_000
post
Post #1





Grupa: Zarejestrowani
Postów: 8 068
Pomógł: 1414
Dołączył: 26.10.2005

Ostrzeżenie: (0%)
-----


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)
Go to the top of the page
+Quote Post
Comandeer
post
Post #2





Grupa: Zarejestrowani
Postów: 1 268
Pomógł: 254
Dołączył: 11.06.2009
Skąd: Świętochłowice

Ostrzeżenie: (0%)
-----


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)
Go to the top of the page
+Quote Post
Pyton_000
post
Post #3





Grupa: Zarejestrowani
Postów: 8 068
Pomógł: 1414
Dołączył: 26.10.2005

Ostrzeżenie: (0%)
-----


Ok, znalazłem coś takiego: http://www.betterprogramming.com/htmlclipper.html
Działa nawet (IMG:style_emoticons/default/smile.gif)
Go to the top of the page
+Quote Post
by_ikar
post
Post #4





Grupa: Zarejestrowani
Postów: 1 798
Pomógł: 307
Dołączył: 13.05.2009
Skąd: Gubin/Wrocław

Ostrzeżenie: (0%)
-----


Jeżeli jest to jakiś projekt statyczny, to poczytaj o workspace które jest dostępne w chrome devtoolsach od jakiegoś już czasu.
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 24.12.2025 - 23:50