Dołącz do zespołu ekspertów! Backend lub Frontend Developer?

Sprawdź najnowsze oferty pracy naszego partnera - 8lines.io!

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
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
Zakaz umieszczania linków do zewnętrznych serwisów //Szogi1910
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.
Cytat:w pół dnia stałeś się lepszym pytonistą niż kawenanowo kiedykolwiek programisto :3 ~ Riess 13.11.2018 16:28
Cytat:ale z tą nazwą to fyeem ma racje  ~ Divir 29.07.2019 16:08



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

1 gości