Jak zbadać element na stronie internetowej

Założony przez SLAVOO.

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



Jeśli Ci pomogłem naciśnij guzik POMÓGŁ lub dodaj PUNKT REPUTACJI
Podziękowali: gloverek, Matslom, Snake_, JOPECREEPER, GiboneKPL, Supryk, C0ld, Artik0703, ColinPrawdziwy, SnowWolf
TaniDedyk.pl
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/detail/live-stylesheets/epfcdciapgkgjdjkmijgdekgfmocneid
Podziękowali: SLAVOO, GiboneKPL
ok opisy działów się zmieniają ale nie tło tabel
Zakaz umieszczania linków do zewnętrznych serwisów //Szogi1910
skoro juz kolega ruszył temat dodam od siebie



Pomoc poprzez system prywatnych wiadomości jedynie odpłatnie.
Nie pisz do mnie prywatnych wiadomości w sprawie pomocy na forum, tak owe będą ignorowane.
Jeśli możesz zadać pytanie na forum, napisz nowy wątek.
Podziękowali: gloverek, ColinPrawdziwy


Użytkownicy przeglądający ten wątek:

1 gości