Razvijalci in oblikovalci uporabniškega vmesnika uporabljajo funkcijo Inspect Element za spreminjanje spletnih strani brez spreminjanja izvorne kode. Toda kako pregledati elemente, ne da bi opravili tečaj spletnega razvoja?
Inspect Element je priročno orodje za razvijalce, ki je takoj pripravljeno s priljubljenimi spletnimi brskalniki. Med brskanjem po spletnih mestih morate samo vedeti, kako uvesti orodje v nekaj klikih.
Izvedete lahko številne čarovniške trike, kot je spreminjanje postavitve spletnega mesta, snemanje posnetkov zaslona brez besedila, spreminjanje pisav, spreminjanje številk in drugo.
Spodaj najdete jedrnat vodnik po korakih, da se naučite brez težav pregledovati elemente.
Kaj je Inspect Element?
Inspect Element je orodje za spletni razvoj, ki je na voljo v večini spletnih brskalnikov. Uporabite ga lahko za urejanje izvorne kode sprednjega dela katerega koli spletnega mesta, ki ga obiščete.
Spremembe, ki jih naredite, se zgodijo v peskovniku znotraj vašega spletnega brskalnika. Torej ne spreminjate dejanskega spletnega mesta. Poleg tega površne spremembe, ki jih naredite, izginejo, ko osvežite stran.
Tukaj je nekaj ustvarjalnih načinov za uporabo:
Kako pregledati elemente v sistemu Windows
Uporaba orodja Inspect Element v sistemu Windows je smešno enostavna. Spodaj najdete vodnik po korakih za pregledovanje elementov z različnimi spletnimi brskalniki v sistemu Windows:
Orodje Google Chrome Inspect
Kako pregledati elemente v brskalniku Windows Chrome
Kako odprem Inspect Element v Chromu brez desnega klika?
Obstaja nekaj priročnih bližnjic za odpiranje orodja Inspect Element v Google Chromu za Windows. Te bližnjične tipke so naslednje:
Zgornje bližnjične tipke delujejo tudi v brskalniku Mozilla za Windows.
Orodje Mozilla Inspector
Kako pregledati elemente v brskalniku Windows Mozilla
V brskalniku Mozilla je postopek enak kot v brskalniku Google Chrome. Vendar pa bo okno inšpektorja prikazano na dnu brskalnika namesto na desni strani, kot je v brskalniku Google Chrome.
Orodje Microsoft Edge Inspect
Kako pregledati elemente v brskalniku Windows Edge
Presenetljivo je, da Inspect Element Microsoft Edge deluje podobno kot brskalnik Google Chrome. Orodje Inspect je na voljo z desnim klikom. Poleg tega sta kodi HTML in CSS prikazani na desni strani, podobno kot Google Chrome.
Kako pregledati elemente na Macu
Ali uporabljate Google Chrome, Mozilla Firefox ali Microsoft Edge v Applovih računalnikih Mac? Če je odgovor pritrdilen, potem lahko uvedete orodje Inspect Element tako, da sledite korakom, omenjenim zgoraj v razdelku Windows.
Če pa uporabljate privzeti spletni brskalnik macOS, Safari, je uporaba orodja Inspect Element zapletena igra. Safari privzeto ne prikaže možnosti Inspect Element v sistemu Mac. Tukaj je tisto, kar morate storiti:
Kako odpreti Inspect Element na Macu
Najprej morate aktivirati orodja za razvijalce v Safariju na Macu. Evo kako:
Uspešno ste omogočili orodja za razvijalce v Safariju za Mac. Zdaj sledite tem korakom za uporabo Inspect Element:
Kateri so ključi za pregled elementa?
Morda iščete bližnjice za Inspect Element na Macu. Uporabite lahko naslednje:
Kako pregledati elemente na Chromebookih
Chromebook uporablja Google Chrome kot privzeti brskalnik. Zato po odprtju katerega koli spletnega mesta preprosto kliknite z desno tipko miške, da v kontekstnem meniju, ki sledi, poiščete možnost Pregled elementa.
Če Chromebook uporabljate v službi ali šoli, si morda postavljate to vprašanje:
Zakaj ne morem pregledati v šolskem Chromebooku?
Večina šolskih in poslovnih skrbnikov onemogoči napredne funkcije v Chromebooku, ki vam ga zagotovijo za delo ali študij. Ker so orodja za razvijalce napredne funkcije, vaš Chromebook v šoli ali službi verjetno ne bo prikazal orodja Inspect Element.
Kako pregledati elemente na iPad/iPhone
Na žalost ne morete uporabljati orodja Inspect Element v napravi iPhone ali iPad brez računalnika Mac.
iOS in iPadOS imata Web Inspector za aplikacijo Safari. Vendar pa deluje le, če mobilno napravo povežete z računalnikom Mac, na katerem ste že aktivirali orodja za razvijalce za Safari. Spodaj so navedeni koraki, ki jih lahko poskusite:
Odpiranje nastavitev Safari na iPad ali iPhone
Aktiviranje spletnega inšpektorja na iPadu in iPhoneu
Zaključek
Raziskali ste vse možne načine uporabe orodja Inspect Element za začasno urejanje spletnih strani. Naučili ste se tudi, kako pregledati elemente za različne naprave, kot so Mac, Windows, Chromebook, iPad in iPhone.
Ko boste naslednjič morali spremeniti spletno stran za zabavo ali poklicne potrebe, poskusite te metode. Ti preprosti koraki vam bodo zagotovo všeč pred drugimi zapletenimi metodami, razloženimi drugje.
Spodaj ne pozabite pustiti komentarjev, če so vam zgornji koraki pomagali, katere koli metode, ki se vam zdijo zahtevne, ali skrivnih nasvetov o orodju Inspect Element.
Potrebujete spletno stran kot tiskano referenco? Naučite se hitro shraniti spletno stran kot PDF zdaj!
Imate težave z napakami v združljivosti gonilnikov matične plošče za Microsoft Edge? Pridobite podrobne rešitve za odpravljanje zrušitev, zakasnitev in napak. Izboljšajte zmogljivost še danes z našimi strokovnimi rešitvami.
Imate težave z napako Microsoft Edge WebSocket, ki moti vaše aplikacije v realnem času? Odkrijte preizkušene rešitve za nemoten klepet, posodobitve v živo in še več. Vodnik po korakih za hitro odpravljanje težav s povezavo.
Odpravite napako Microsoft Edge HSTS s strokovnimi koraki za odpravljanje težav. Naučite se jo hitro odpraviti, preprečiti varnostne napade in varno brskati brez frustracij.
Vas nenehno motijo pozivi brskalnika Microsoft Edge, da ga nastavite kot privzeti brskalnik? Odkrijte preizkušene metode po korakih, s katerimi boste preprečili, da bi Microsoft Edge vedno zahteval, da je privzeti brskalnik v sistemu Windows. Hitre rešitve za vse uporabnike.
Ste naveličani opozorila »To spletno mesto ni varno« v brskalniku Microsoft Edge? Odkrijte preproste in učinkovite rešitve, kot so brisanje predpomnilnika, posodabljanje brskalnika Edge in drugo. V nekaj minutah si povrnite varno brskanje!
Imate težave z nalaganjem strani v brskalniku Microsoft Edge v sistemu Windows 11? Odkrijte hitre in podrobne rešitve, kot so brisanje predpomnilnika, ponastavitev nastavitev in drugo. V nekaj minutah znova vzpostavite povezavo z brskalnikom – brez tehničnih znanj!
Ste naveličani preoblikovanja Rainmeterja, ki skačejo po brskalniku Microsoft Edge? Obvladajte reševanje napake pozicioniranja preoblikovanja Rainmeterja v brskalniku Microsoft Edge s preizkušenimi popravki po korakih. Obnovite popolno poravnavo namizja zdaj!
Ste naveličani napak združljivosti z Microsoft Edge DirectX Runtime, ki vam sesujejo brskalnik? Sledite našim strokovnim korakom, da jih hitro odpravite in obnovite nemoteno delovanje. Vključene so najnovejše posodobitve!
Ste naveličani pokanja zvoka v brskalniku Microsoft Edge ali pa sploh nimate težav z zvokom? Odkrijte podrobne rešitve, ki delujejo brezhibno, od hitrih prilagoditev do naprednega odpravljanja težav. Obnovite kristalno čist zvok v brskalniku Edge še danes!
Odpravite težave z razširitvami Microsoft Edge s tem popolnim vodnikom za odpravljanje težav. Odkrijte hitre korake, napredne rešitve in nasvete za hitro odpravljanje pogostih težav in obnovitev izkušnje brskanja.
