Webboard

Pełna wersja: Jak zbadać element na stronie internetowej
Aktualnie przeglądasz uproszczoną wersję forum. Kliknij tutaj, by zobaczyć wersję z pełnym formatowaniem.
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.

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


3 Film instruktażowy


Dobrze napisane.
To podstawa dla webmastera, aby korzystać z takich dobrodziejstw naszych przeglądarek.
W ten sposób możemy zmodyfikować każdą skórkę w kilka minut, a potem zmienione wpisy CSS możemy skopiować i zastąpić w skrypcie i voila.
Każdy problem z grafiką w ten sposób szybko zlikwidujemy, bo wystarczy kliknąć na brakującej grafice Otwórz grafikę na nowej karcie i wyświetli nam się cały link do obrazka, który nie istnieje, a wtedy od razu wiemy, gdzie on ma się znajdować (:
Podejrzymy błędy/konflikty JQuery, a także możemy edytować nawet html wyświetlanej strony.
Polecam również dodanie rozszerzenia do Google Chrome pozwalające edytować cały CSS "w locie"
https://chrome.google.com/webstore/detai...kgfmocneid
ok opisy działów się zmieniają ale nie tło tabel
skoro juz kolega ruszył temat dodam od siebie

a czy jest opis co można zmienić w global css np. kolor linku rozmiar czcionki itd.
(27.08.2017, 11:03)Explorer napisał(a): [ -> ]a czy jest opis co można zmienić w global css np. kolor linku rozmiar czcionki itd.
Do edycji szablonu musisz posiadać przynajmniej podstawową wiedzę z zakresu CSS i HTML.