22.10.2013, 13:24
Lwia część problemów z którymi spotykają się nasi użytkownicy dotyczy zmian w wyglądzie, zmian - które nawet przy znajomości HTML/CSS potrafią spędzić sen z powiek. Dzieje się tak głównie ze względu na system szablonów i niewiedzę - gdzie szukać danego elementu by go zmodyfikować.
Z pomocą przychodzi narzędzie zwane konsolą developera dostępne we wszystkich popularnych przeglądarkach.
Badanie elementu może odbyć się na dwa podobne do siebie sposoby. Pierwszy z nich polega na kliknięciu PPM w element wymagający poprawki i użyciu opcji zbadaj element.
Ten sam efekt uzyskamy otwierając uprzednio konsolę i z paska narzędzi wybierając ikonkę myszki z kwadracikiem - badanie elementu. W ten sposób można "latać" po stronie mając podgląd na żywo, który fragment jest obecnie zaznaczony. Wybór elementu do badania potwierdzamy LPM.
Badanie elementu daje nam informacje o m.in:
Z pomocą przychodzi narzędzie zwane konsolą developera dostępne we wszystkich popularnych przeglądarkach.
1 Badanie elementu
Badanie elementu może odbyć się na dwa podobne do siebie sposoby. Pierwszy z nich polega na kliknięciu PPM w element wymagający poprawki i użyciu opcji zbadaj element.
Ten sam efekt uzyskamy otwierając uprzednio konsolę i z paska narzędzi wybierając ikonkę myszki z kwadracikiem - badanie elementu. W ten sposób można "latać" po stronie mając podgląd na żywo, który fragment jest obecnie zaznaczony. Wybór elementu do badania potwierdzamy LPM.
2 Odczyt informacji
Badanie elementu daje nam informacje o m.in:
- użytej klasie .css elementu
- nazwy pliku zawierającego klasę
- atrybutów .css dotyczących danego elementu
- nazwie szablonu zawierającego badany fragment