Oglejte si HTML in CSS katere koli spletne strani
Spletna stran je zgrajena z vrsticami kode , vendar je rezultat specifičnih strani s slikami, videoposnetki, pisavami in drugo. Če želite spremeniti enega od teh elementov ali ugotoviti, iz česa je sestavljen, morate najti določeno vrstico kode, ki jo nadzoruje. To lahko naredite z orodjem za pregled elementov.
Večina spletnih brskalnikov vam ne naloži orodja za pregled ali namesti dodatka. Namesto tega vam omogočajo, da z desno miškino tipko kliknete element strani in izberete Preveri ali Preveri element . Vendar pa je proces v vašem brskalniku malo drugačen.
Preglejte elemente v Chromu
Najnovejše različice brskalnika Google Chrome vam omogočajo, da pregledate stran na nekaj načinov, ki vse uporabljajo vgrajene Chromove DevTools:
- Z desno miškino tipko kliknite nekaj na strani (ali prazno območje) in izberite Preveri
- Vnesite bližnjico na tipkovnico Ctrl + Shift + I
- Za dostop do orodja Več orodij> Orodja za razvijalce uporabite Chromov meni
Chrome DevTools vam omogoča, da preprosto kopirate ali urejate vrstice HTML ali popolnoma skrijete ali izbrišete elemente (dokler se stran ne naloži).
Ko odprete DevTools na strani strani, lahko spremenite, kje je postavljen, ga pop up iz strani, poiščite vse datoteke datoteke, izberete elemente s strani za določen pregled, kopirate datoteke in URL-je, in tudi prilagodite kup nastavitev.
Preverite elemente v Firefoxu
Tako kot v Chromu ima Firefox nekaj na različne načine, da odpre orodje z imenom Inspector:
- Z desno miškino tipko kliknite na prazno območje na strani ali izberite element in izberite Pregled elementov
- Vnesite Ctrl + Shift + T ali Ctrl + Shift + I s tipkovnico
- V meniju Firefox kliknite Developer > Inspector
- V meniju Orodja kliknite Spletno razvijalec> Nadzornik
Ko premaknete miško nad različne elemente v Firefoxu, orodje Inšpektor samodejno poišče podatke izvorne kode elementa. Kliknite element in se ustavi iskanje "on-the-fly" in element lahko pregledate iz okna Inspector.
Z desno miškino tipko kliknite element, če želite poiskati vse podprte kontrolnike. Lahko naredite stvari, kot je urejanje strani kot HTML, kopiranje ali lepljenje notranje ali zunanje HTML kode, prikazovanje lastnosti DOM, posnetek zaslona ali brisanje vozlišča, enostavno uporabo novih atributov, ogled vseh CSS strani in še več.
Pregledajte elemente v operi
Opera lahko pregleda elemente tudi z orodjem DOM Inspector, ki je identično Chromovemu. Kako priti do tega:
- Uporabite bližnjico na tipkovnici Ctrl + Shift + I
- Pojdite v meni> Več orodij> Prikaži meni za razvijalce in nato odprite meni z menijem> Razvijalec> Orodja za razvijalce
- V meniju z desno tipko na kateremkoli elementu na strani izberite Inspect element
Preglejte elemente v Internet Explorerju
Podobno orodje za pregled orodja, imenovano orodja za razvijalce, je na voljo v Internet Explorerju:
- Pritisnite F12 na tipkovnici
- Uporabite možnost Tools> F12 Developer Menu (hit Alt + X, če ne vidite menija Orodja )
- Z desno tipko miške kliknite stran in kliknite Pregled elementov
IE ima v tem novem meniju orodje Select element, ki vam omogoča, da kliknete na kateri koli element elementa strani in si ogledate podrobnosti o HTML-ju in CSS-ju. Med brskanjem po zavihku DOM Explorer lahko preprosto onemogočite / omogočite osvetlitev elementa.
Tako kot druga orodja inšpektorja elementov v zgornjih brskalnikih, Internet Explorer vam omogoča, da izrežete, kopirate in prilepite elemente ter uredite HTML, dodate atribute, kopirate elemente s priloženimi slogi in drugo.