Kako uporabljati Inspect Element

Večina ljudi se ne zaveda, da jim je na voljo zakladnica orodij za razvijalce in da je skrita v njihovem najljubšem brskalniku.

Vsak spletni brskalnik ponuja orodja za razvijalce za preverjanje kodiranja spletnega mesta, vendar je povprečnemu uporabniku interneta tuja entiteta. Konec koncev, kdo si želi pogledati kodiranje spletnega mesta, kajne?

Kot se je izkazalo, se lahko veliko stvari naučite, če pogledate kodiranje spletnega mesta. Preberite, če želite izvedeti, kaj ponuja funkcija inšpekcijskega elementa in kako jo uporabljati.

Kako uporabljati Inspect Element v določenem brskalniku

Večina brskalnikov ima orodja za pregledovanje elementov spletnega mesta, vendar vsi na splošno delujejo na enak način.

Uporaba Inspect Element v Google Chromu

1. Odprite spletno mesto, ki ga želite pregledati.

   

2. Z desno tipko miške kliknite kjer koli na strani in izberite Preglejte.

   

   ALI

3. Kliknite na tri navpične pike v desnem kotu orodne vrstice.

   

4. Pojdi do Več orodij.

   

5. Izberite Orodja za razvijalce.

   

   ALI

6. Pritisnite na F12 tipka za bližnjico na PC-ju oz CMD + Možnosti + I na Macu.

Uporaba Inspect Element v programu Microsoft Edge

1. Odprite spletno mesto.

   

2. Kliknite na tri navpične pike v zgornjem desnem kotu orodne vrstice brskalnika.
3. Pomaknite se navzdol in kliknite Več orodij.

   

4. Kliknite na Orodja za razvijalce.

   

   ALI

5. Z desno miškino tipko kliknite kjer koli na spletnem mestu.
6. Kliknite na Preglejte.

   

   ALI

7. Pritisnite Ctrl + Shift + I.

Vsaka od teh treh metod vam bo dala enak rezultat.

Če ste to naredili pravilno, boste na dnu brskalnika videli novo podokno. To so orodja za razvijalce in vključujejo zavihek Elementi. To je orodje, ki ga potrebujete za pregled elementa.

Plošča se bo privzeto odprla na dnu zaslona, ​​vendar lahko vedno spremenite njen videz. Sledite tem preprostim korakom, da prestavite ploščo z orodji za razvijalce:

1. Kliknite na tri navpične pike v zgornjem kotu plošče Orodja za razvijalce.

   

2. Izberite stran priklopa (levo, spodnjo ali desno) ali odklopite v ločeno okno.

   

Če premaknete kazalec ob rob okvirja plošče orodij za razvijalce in povlečete, boste zožili ali razširili delovni prostor. Če se na primer odločite, da ploščo zasidrite na desno stran okna brskalnika, poskusite premakniti kazalec na levi rob. Ploščo lahko povlečete, da spremenite velikost, ko vidite puščični kazalec.

Uporaba Inspect Element (specifično za OS)

Čeprav je bilo veliko zadevnih korakov morda zajetih s samo prikazom, kako uporabljati Inspect Element v brskalniku, kjer sploh obstaja, pa vam bomo vseeno pokazali, kako v večini OS.

Kako uporabljati Inspect Element na Chromebooku

Privzeti brskalnik v Chromebooku je Google, zato za dostop sledite navodilom brskalnika Chrome Preglej element. Tukaj je majhen osvežitveni tečaj za vas:

1. Odprite spletno mesto.

   

2. Kliknite na tri navpične črte v zgornjem desnem kotu orodne vrstice.

   

3. Izberite Več orodij.

   

4. Kliknite na Orodja za razvijalce.

   

Uporabite lahko tudi metodo z desnim klikom oz F12 funkcijsko tipko za hitrejši dostop do orodij za razvijalce.

Kako uporabljati Inspect Element v napravi Android

Zagon Inspect Element na napravi Android je nekoliko drugačen. Preverite, kako priti do plošče Inspect Element v Androidu:

1. Pritisnite na F12 funkcijsko tipko.
2. Izberite Preklopi vrstico naprav.

   

3. V spustnem meniju izberite napravo Android.

   

Ko izberete določeno napravo Android, boste opazili, da se naloži mobilna različica spletnega mesta. Od tu lahko brezplačno uporabljate funkcijo Inspect Element v napravi Android iz udobja namizja.

Ta metoda deluje tako za brskalnika Chrome kot Firefox, ker imajo v svojih orodjih za razvijalce funkcijo, imenovano simulacija naprave.

Na enak način deluje tudi za naprave iPhone. Samo izbrati morate pravega v spustnem meniju.

Kako uporabljati Inspect Element v sistemu Windows

Orodje Inspect Element ni nujno specifično za OS, ampak je specifično za brskalnik. To pomeni, da so orodja za razvijalce lastnost brskalnika, ki ga uporabljate, in ne nujno Windows. Vendar pa lahko pridete do plošče Inspect Element ne glede na to, kateri brskalnik vam je všeč.

Če uporabljate operacijski sistem Windows, boste verjetno uporabljali tudi brskalnik Microsoft Edge. Preverite, kako dostopate do Inspect Element v MS Edge:

1. Odprite spletno mesto, ki ga želite pregledati.

   

2. Tapnite tri navpične pike v kotu okna brskalnika.

   

3. Pomaknite se navzdol in izberite Več orodij.

   

4. Kliknite na Orodja za razvijalce.

   

Uporabite lahko tudi F12 funkcijsko tipko, če želite hitreje dostopati do Inspect Element. Deluje tudi z desnim klikom na spletno stran in izbiro Preveri.

Kako uporabljati Inspect Element na Macu

Če uporabljate Mac, je vaš brskalnik verjetno Safari. Odpiranje Inspect Elements v Safariju je nekoliko drugačno kot v Chromu in Firefoxu. Toda s temi koraki je prav tako preprosto:

1. Odprite brskalnik Safari.
2. Kliknite na Safari v zavihku glave.
3. Izberite Nastavitve iz spustnega menija.
4. Kliknite na Napredno ikona zobnika, ki se nahaja na vrhu zaslona.
5. Označite polje, ki pravi Prikaži meni Razvoj v menijski vrstici.

Če opravite te korake, omogočite funkcijo Inspect Element v vašem brskalniku. Če najprej ne omogočite Inspect Element, ne boste videli možnosti, ko odprete spletno mesto.

Ko dokončate ta korak, preprosto z desno tipko miške kliknite katero koli odprto spletno stran in izberite Preglejte. Uporabite lahko tudi ukaz hitrih tipk: CMD + možnost + I (pregled).

Kako uporabljati Inspect Element na iPhoneu

Ali želite uporabiti funkcijo Inspect Elements, da vidite, kako je mobilna različica spletne strani prikazana na iPhonu? To in še več lahko storite z nekaj preprostimi koraki. Toda preden pogledate element, ga morate omogočiti Spletni inšpektor za vašo napravo iOS:

1. Pojdi do Nastavitve.

   

2. Zdaj izberite Safari.

   

3. Pomaknite se do dna in tapnite Napredni meni.

   

4. Zdaj tapnite preklopno stikalo, da ga vklopite Spletni inšpektor.

   

Prav tako se morate prepričati, da je meni za razvoj omogočen na vašem Macu:

1. Odprite Safari.
2. Izberite Safari iz zgornjih glav.
3. Nato kliknite na Nastavitve.
4. Nato kliknite na Napredno.
5. Označite polje, ki pravi Prikaži meni Razvoj v menijski vrstici.

Ko omogočite mobilno napravo iOS in Mac, boste na vašem Macu v zgornji vrstici videli meni za razvoj. Kliknite nanjo, da si ogledate povezani iPhone in spletno stran, ki je aktivno v napravi. Če izberete spletno stran, se odpre tudi okno spletnega inšpektorja za isto stran na zaslonu Mac.

Vendar ne pozabite, da ta navodila delujejo samo za Safari z operacijskim sistemom Mac, ne za Safari v sistemu Windows.

Kako uporabljati Inspect Element v Googlovih obrazcih

Uporabite lahko tudi Inspect Element v Google Obrazcih. Vendar, če iščete odgovore na kviz, nimate sreče. Odgovorov ne boste našli v kodiranju. Odgovore si lahko ogledate samo, če ste ustvarjalec ali urednik obrazca. Kakorkoli že, če ste študent in odgovarjate na kviz v Googlovih obrazcih, boste videli samo svoje odgovore.

1. Obrazec lahko kliknete z desno tipko miške in izberete Preglejte da vidite vso kodo za obrazec.

Kako uporabljati Inspect Element, ko je blokiran

Občasno boste ugotovili, da spletne strani ne morete pregledati, izbor Preveri pa je zatemnjen, če ga poskusite z desno miškino tipko klikniti. Morda mislite, da je blokiran, vendar obstaja veliko načinov za to:

1. metoda – Izklopite Javascript

1. Pojdi v Nastavitve.

   

2. Iskanje "JavaScript”.

   

3. Ugasniti JavaScript.

   

2. način – Dostopajte do orodij za razvijalce na dolgi poti

Namesto da z desno tipko miške kliknete za pregled, naredite to:

1. Pojdi do Nastavitve v vašem brskalniku.

   

2. Izberite Več orodij.

   

3. Pomaknite se navzdol in kliknite Orodja za razvijalce.

   

3. način – Uporaba funkcijske tipke

Poskusite lahko tudi z uporabo F12 funkcijska tipka na spletnih straneh, ki blokirajo desni klik za Inspect.

Morda boste morali preizkusiti vse te metode, preden naletite na tisto, ki vam ustreza. V skrajnem primeru si lahko poskusite ogledati tudi izvorno kodo tako, da vnesete vir pogleda: [vnesite celoten url].

Kako uporabljati Inspect Element v Discordu

Preverjanje kodiranja v Discordu je preprost postopek. Samo uporabite Ctrl + Shift + I ukaz oz F12 tipko na strani Discord.

Kako uporabljati Inspect Element na šolskem Chromebooku

Če je vaš Chromebook izdala šola, uporaba funkcije Inspect Element vključuje nekaj preprostih korakov:

1. Z desno miškino tipko kliknite ali tapnite z dvema prstoma na spletni strani in izberite Preglejte.
2. Pritisnite Ctrl + Shift + I.
3. Poskusite uporabiti metodo view-source:[url], kot je "view-source://www.wikipedia.com«, brez narekovajev.

Vendar nekatere šole in organizacije blokirajo to funkcijo. Torej, če vam ne deluje, se boste morda morali obrniti na skrbnika svoje organizacije ali šole.

Kako uporabiti Inspect Element za iskanje odgovorov

Element Inspect lahko uporabite za iskanje odgovorov na različne stvari, kot so:

1. Predogled oblikovanja spletnega mesta na mobilnih napravah.
2. Ugotovite ključne besede, ki jih uporabljajo konkurenti.
3. Preizkusi hitrosti.
4. Spreminjanje besedila na spletni strani.
5. Poiščite hitre primere, da pokažete razvijalcem, kaj potrebujete.

Ko zaženete ploščo Inspect Element, boste videli celotno kodiranje spletnega mesta. To vključuje vso kodo JavaScript, CSS in HTML, ki je vgrajena vanj. To je kot videti izvorno kodo spletne strani, le da lahko spremenite kodo. Poleg tega lahko vidite vse spremembe, ki so bile izvedene v realnem času.

S tem orodjem je za tržnike, oblikovalce in razvijalce neprecenljivo, da si ogledajo kakršne koli spremembe oblikovanja, preden jih dokončajo. Vendar spreminjanje kodiranja z Inspect Element ne traja večno. Ko znova naložite stran, se bo vrnila v privzeto stanje.

Dodatna pogosta vprašanja

Kako uporabim ukaz Preveri element za iskanje odgovorov?

Edini način za iskanje odgovorov s funkcijo Inspect Element je, če ga spletno mesto takoj razkrije po oddaji. V tem primeru so odgovori prisotni v kodiranju.

V nasprotnem primeru si preprosto ogledate kodiranje za kviz ali test, ko uporabljate funkcijo Preglejte element, kot tudi vse odgovore, ki jih pošljete.

Ali je Inspect Element nezakonit?

Ne, orodje Inspect Element ni nezakonito, zasnovano je za spletne razvijalce. Ogled izvorne kode za spletno mesto ni nezakonit, problem postane le, če zbrane podatke uporabljate za zlobne namene, kot so poskusi izkoriščanja itd.

Ali je mogoče onemogočiti pregled elementa v brskalniku?

Kratek odgovor je ne.

Elementa pregleda ne morete onemogočiti v brskalniku. Lahko pa nastavite parametre, ki uporabnikom preprečujejo izvajanje določenih dejanj, kot je desni klik na spletno stran. Na spletu so številne vadnice za nastavitev pravih skriptov za onemogočanje določenih dogodkov. Vendar funkcije Preglejte element dejansko ne morete v celoti onemogočiti.

Spoznajte notranjost spletne strani

Preverjanje funkcije Inspect Element na spletni strani je verjetno orodje za razvijalce, za katerega nikoli niste vedeli, da ga potrebujete – tudi če sami niste razvijalec. Ima veliko aplikacij za oblikovanje in trženje, s katerimi lahko vaše spletno mesto deluje bolj gladko. In morda boste imeli prednost pred konkurentom.

Za kaj uporabljate Inspect Element? Povejte nam o tem v spodnjem razdelku za komentarje.