Kaip naudoti tikrinimo elementą

Daugelis žmonių nežino, kad jų žinioje yra daugybė kūrėjų įrankių ir jie paslėpti mėgstamoje naršyklėje.

Kiekviena žiniatinklio naršyklė siūlo kūrėjo įrankius, leidžiančius patikrinti svetainės kodavimą, tačiau paprastam interneto vartotojui tai yra svetimas subjektas. Galų gale, kas nori pažvelgti į svetainės kodavimą, tiesa?

Pasirodo, yra daug dalykų, kuriuos galite išmokti žiūrėdami į svetainės kodavimą. Skaitykite toliau, kad sužinotumėte, ką gali pasiūlyti tikrinimo elemento funkcija ir kaip ja naudotis.

Kaip naudoti tikrinimo elementą konkrečioje naršyklėje

Dauguma naršyklių turi įrankius, skirtus svetainės elementams tikrinti, tačiau paprastai visos jos veikia vienodai.

Elemento tikrinimo naudojimas „Google Chrome“.

1. Atidarykite svetainę, kurią norite patikrinti.

   

2. Dešiniuoju pelės mygtuku spustelėkite bet kurią puslapio vietą ir pasirinkite Apžiūrėti.

   

   ARBA

3. Spustelėkite tris vertikalius taškus dešiniajame įrankių juostos kampe.

   

4. Eiti į Daugiau įrankių.

   

5. Pasirinkite Kurejo irankiai.

   

   ARBA

6. Paspauskite F12 spartusis klaviatūros klavišas kompiuteryje arba CMD + Options + I „Mac“ kompiuteryje.

„Microsoft Edge“ tikrinimo elemento naudojimas

1. Atidarykite svetainę.

   

2. Spustelėkite tris vertikalius taškus viršutiniame dešiniajame naršyklės įrankių juostos kampe.
3. Slinkite žemyn ir spustelėkite Daugiau įrankių.

   

4. Spustelėkite Kurejo irankiai.

   

   ARBA

5. Dešiniuoju pelės mygtuku spustelėkite bet kurią svetainės vietą.
6. Spustelėkite Apžiūrėti.

   

   ARBA

7. Paspauskite Ctrl + Shift + I.

Bet kuris iš šių trijų būdų duos tą patį rezultatą.

Jei tai padarėte teisingai, naršyklės apačioje bus atidaryta nauja sritis. Tai yra kūrėjo įrankiai, įskaitant skirtuką Elementai. Tai įrankis, kurio reikia elementui apžiūrėti.

Skydas bus atidarytas ekrano apačioje kaip numatytasis, bet visada galite pakeisti jo išvaizdą. Norėdami pakeisti kūrėjo įrankių skydelio vietą, atlikite šiuos paprastus veiksmus:

1. Spustelėkite tris vertikalius taškus viršutiniame kūrėjo įrankių skydelio kampe.

   

2. Pasirinkite doko pusę (kairėje, apačioje arba dešinėje) arba atjunkite prie atskiro lango.

   

Užvedę žymeklį šalia kūrėjo įrankių skydelio rėmelio krašto ir vilkdami susiaurinsite arba padidinsite darbo sritį. Pavyzdžiui, jei pasirenkate skydelį pritvirtinti prie dešinės naršyklės lango pusės, pabandykite užveskite pelės žymeklį ant kairiosios kraštinės. Galite vilkti skydelį, kad pakeistumėte jo dydį, kai pamatysite rodyklės žymeklį.

Tikrinimo elemento naudojimas (konkrečiai OS)

Nors daugelis susijusių veiksmų galėjo būti atlikti tiesiog parodžius, kaip naršyklėje naudoti tikrinimo elementą, kur jis iš pradžių yra, bet vis tiek parodysime, kaip tai padaryti daugelyje OS.

Kaip naudoti „Inspect Element“ „Chromebook“ įrenginyje

Numatytoji naršyklė „Chromebook“ yra „Google“, todėl norėdami pasiekti vadovaukitės „Chrome“ naršyklės instrukcijomis Tikrinti elementą. Štai jums nedidelis kvalifikacijos kėlimo kursas:

1. Atidarykite svetainę.

   

2. Spustelėkite tris vertikalias linijas viršutiniame dešiniajame įrankių juostos kampe.

   

3. Pasirinkite Daugiau įrankių.

   

4. Spustelėkite Kurejo irankiai.

   

Taip pat galite naudoti dešiniojo pelės mygtuko paspaudimo metodą arba F12 funkcijos klavišą, kad greičiau pasiektumėte kūrėjo įrankius.

Kaip naudoti tikrinimo elementą „Android“ įrenginyje

„Inspect Element“ paleidimas „Android“ įrenginyje šiek tiek skiriasi. Sužinokite, kaip „Android“ pasiekti elemento tikrinimo skydelį:

1. Paspauskite F12 funkcinis klavišas.
2. Pasirinkite Perjungti įrenginio juostą.

   

3. Išskleidžiamajame meniu pasirinkite „Android“ įrenginį.

   

Pasirinkę konkretų Android įrenginį pastebėsite, kad įkeliama mobilioji svetainės versija. Čia galite laisvai naudotis „Android“ įrenginio tikrinimo elemento funkcija patogiai darbalaukyje.

Šis metodas tinka ir „Chrome“, ir „Firefox“ naršyklėms, nes jų kūrėjo įrankiuose yra funkcija „Įrenginio modeliavimas“.

Jis taip pat veikia iPhone įrenginiuose. Jums tereikia išskleidžiamajame meniu pasirinkti tinkamą.

Kaip naudoti „Inspect Element“ sistemoje „Windows“.

Įrankis Inspect Element nebūtinai priklauso nuo OS, bet priklauso nuo naršyklės. Tai reiškia, kad kūrėjo įrankiai yra jūsų naudojamos naršyklės ir nebūtinai „Windows“ funkcija. Tačiau galite patekti į skydelį Apžiūrėti elementą, neatsižvelgdami į tai, kuriai naršyklei teikiate pirmenybę.

Jei naudojate „Windows“ OS, greičiausiai taip pat naudosite „Microsoft Edge“ naršyklę. Sužinokite, kaip pasiekti „Inspect Element“ „MS Edge“:

1. Atidarykite svetainę, kurią norite patikrinti.

   

2. Bakstelėkite tris vertikalius taškus naršyklės lango kampe.

   

3. Slinkite žemyn ir pasirinkite Daugiau įrankių.

   

4. Spustelėkite Kurejo irankiai.

   

Taip pat galite naudoti F12 funkcijos klavišą, jei norite greičiau pasiekti Inspect Element. Taip pat veikia ir dešiniuoju pelės klavišu spustelėjus tinklalapį ir pasirinkus Apžiūrėti.

Kaip naudoti „Inspect Element“ „Mac“ kompiuteryje

Jei naudojate „Mac“, jūsų pasirinkta naršyklė tikriausiai yra „Safari“. „Inspect Elements“ atidarymas „Safari“ šiek tiek skiriasi nuo „Chrome“ ir „Firefox“. Bet tai taip pat paprasta atliekant šiuos veiksmus:

1. Atidarykite „Safari“ naršyklę.
2. Spustelėkite Safari antraštės skirtuke.
3. Pasirinkite Parinktys iš išskleidžiamojo meniu.
4. Spustelėkite ant Išplėstinė krumpliaračio piktogramą, esančią ekrano viršuje.
5. Pažymėkite langelį, kuriame sakoma Meniu juostoje rodyti meniu Kūrimas.

Atlikus šiuos veiksmus naršyklėje įjungiama elemento tikrinimo funkcija. Jei pirmiausia neįjungsite tikrinimo elemento, atidarę svetainę nematysite šios parinkties.

Atlikę šį veiksmą, tiesiog dešiniuoju pelės mygtuku spustelėkite bet kurį atidarytą tinklalapį ir pasirinkite Tikrinti. Taip pat galite naudoti greitųjų klavišų komandą: CMD + Option + I (apžiūrėti).

Kaip naudoti „Inspect Element“ „iPhone“.

Ar norite naudoti elementų tikrinimo funkciją, kad pamatytumėte, kaip „iPhone“ atrodo mobilioji tinklalapio versija? Tai ir dar daugiau galite padaryti atlikdami kelis paprastus veiksmus. Tačiau prieš žiūrėdami į elementą turite įjungti Interneto inspektorius jūsų iOS įrenginiui:

1. Eiti į Nustatymai.

   

2. Dabar pasirinkite Safari.

   

3. Slinkite į apačią ir bakstelėkite Išplėstinis meniu.

   

4. Dabar bakstelėkite perjungimo jungiklį, kad įjungtumėte Interneto inspektorius.

   

Be to, turite įsitikinti, kad „Mac“ kompiuteryje įjungtas meniu Kūrimas:

1. Atidarykite „Safari“.
2. Pasirinkite Safari iš viršutinių antraščių.
3. Toliau spustelėkite Parinktys.
4. Tada spustelėkite Išplėstinė.
5. Pažymėkite langelį, kuriame sakoma Meniu juostoje rodyti meniu Kūrimas.

Įjungę „iOS“ mobilųjį įrenginį ir „Mac“, viršutinėje „Mac“ juostoje pamatysite meniu Kūrimas. Spustelėkite jį, kad pamatytumėte prijungtą iPhone ir įrenginyje aktyvų tinklalapį. Pasirinkus tinklalapį, „Mac“ ekrane taip pat atidaromas to paties puslapio „Web Inspector“ langas.

Tačiau atminkite, kad šios nuorodos veikia tik „Safari“, kurioje veikia „Mac“, o ne „Safari“ sistemoje „Windows“.

Kaip naudoti tikrinimo elementą „Google“ formose

Taip pat galite naudoti tikrinimo elementą „Google“ formose. Tačiau jei ieškote atsakymų į viktoriną, jums nesiseka. Atsakymų nerasite įterptų į kodavimą. Galite peržiūrėti atsakymus, tik jei esate formos kūrėjas arba redaktorius. Bet kuriuo atveju, jei esate studentas, atsakantis į viktoriną sistemoje „Google Forms“, matysite tik savo atsakymus.

1. Galite dešiniuoju pelės mygtuku spustelėti formą ir pasirinkti Apžiūrėti norėdami pamatyti visą formos kodą.

Kaip naudoti tikrinimo elementą, kai jis užblokuotas

Kartais pastebėsite, kad negalite patikrinti tinklalapio, o pasirinkimas Tikrinti yra pilkas, jei bandysite jį spustelėti dešiniuoju pelės mygtuku. Galite manyti, kad jis užblokuotas, tačiau yra daug būdų, kaip tai padaryti:

1 būdas – Išjungti Javascript

1. Įeikite į Nustatymai.

   

2. Paieška "JavaScript”.

   

3. Išjungti JavaScript.

   

2 būdas – pasiekti kūrėjo įrankius ilgą kelią

Užuot spustelėję dešiniuoju pelės klavišu, kad patikrintumėte, atlikite šiuos veiksmus:

1. Eiti į Nustatymai savo naršyklėje.

   

2. Pasirinkite Daugiau įrankių.

   

3. Slinkite žemyn ir spustelėkite Kurejo irankiai.

   

3 būdas – funkcijos klavišo naudojimas

Taip pat galite pabandyti naudoti F12 funkcijos klavišą tinklalapiuose, kurie blokuoja dešiniuoju pelės mygtuku spustelėjimą, kad pasirinktumėte Apžiūrėti.

Jums gali tekti išbandyti visus šiuos metodus, kol rasite jums tinkantį. Kraštutiniu atveju taip pat galite pabandyti peržiūrėti šaltinio kodą įvesdami peržiūros šaltinis: [įveskite visą URL].

Kaip naudoti tikrinimo elementą „Discord“.

Kodavimo patikrinimas „Discord“ yra paprastas procesas. Tiesiog naudokite Ctrl + Shift + I komandą arba F12 klavišą Discord puslapyje.

Kaip naudoti tikrinimo elementą mokyklos „Chromebook“ įrenginyje

Jei jūsų „Chromebook“ įrenginį išdavė mokykla, naudojant funkciją Apžiūrėti elementą reikia atlikti kelis paprastus veiksmus:

1. Dešiniuoju pelės mygtuku spustelėkite arba bakstelėkite dviem pirštais tinklalapį ir pasirinkite Apžiūrėti.
2. Paspauskite Ctrl + Shift + I.
3. Išbandykite ir naudokite view-source:[url] metodą, pvz., "view-source://www.wikipedia.com“, be kabučių.

Tačiau kai kurios mokyklos ir organizacijos blokuoja šią funkciją. Taigi, jei jis jums netinka, gali tekti susisiekti su savo organizacijos ar mokyklos administratoriumi.

Kaip naudoti tikrinimo elementą atsakymams rasti

Galite naudoti Inspect Element norėdami rasti atsakymus į įvairius dalykus, pvz.:

1. Svetainės dizaino peržiūra mobiliuosiuose įrenginiuose.
2. Sužinokite raktinius žodžius, kuriuos naudoja konkurentai.
3. Greičio testai.
4. Teksto keitimas tinklalapyje.
5. Raskite greitų pavyzdžių, kad parodytumėte kūrėjams, ko jums reikia.

Kai paleisite skydelį Apžiūrėti elementą, pamatysite visą svetainės kodavimą. Tai apima visą jame įmontuotą „JavaScript“, CSS ir HTML kodavimą. Tai tarsi tinklalapio šaltinio kodavimo matymas, išskyrus tai, kad galite pakeisti kodą. Be to, realiuoju laiku galite matyti visus įgyvendintus pakeitimus.

Šis įrankis leidžia rinkodaros specialistams, dizaineriams ir kūrėjams peržiūrėti bet kokius dizaino pakeitimus prieš juos užbaigiant. Tačiau kodavimo pakeitimai naudojant Inspect Element netrunka amžinai. Kai iš naujo įkelsite puslapį, jis grįš į numatytąją būseną.

Papildomi DUK

Kaip naudoti komandą Apžiūrėti elementą ieškant atsakymų?

Vienintelis būdas rasti atsakymus naudojant funkciją Tikrinti elementą, jei svetainė iškart atskleidžia juos po pateikimo. Šiuo atveju atsakymai yra koduodami.

Kitu atveju jūs tiesiog peržiūrite viktorinos arba testo kodavimą, kai naudojate elemento tikrinimo funkciją, taip pat visus pateiktus atsakymus.

Ar tikrinti elementą neteisėta?

Ne, įrankis Inspect Element nėra neteisėtas, jis skirtas žiniatinklio kūrėjams. Svetainės šaltinio kodo peržiūra nėra neteisėta, tai tampa problema tik tada, kai naudojate surinktą informaciją nešvankiais tikslais, pavyzdžiui, bandydami išnaudoti ir pan.

Ar galima išjungti tikrinimo elementą naršyklėje?

Trumpas atsakymas yra ne.

Negalite išjungti tikrinimo elemento naršyklėje. Tačiau galite nustatyti parametrus, kurie neleidžia vartotojams atlikti tam tikrų veiksmų, pvz., dešiniuoju pelės klavišu spustelėti tinklalapį. Internete yra daug vadovėlių, leidžiančių nustatyti tinkamus scenarijus, kad išjungtumėte tam tikrus įvykius. Tačiau iš tikrųjų negalite išjungti visos elemento tikrinimo funkcijos.

Susipažinkite su tinklalapio vidinėmis savybėmis

Tinklalapio tikrinimo elemento funkcijos patikrinimas tikriausiai yra kūrėjo įrankis, kurio niekada nežinojote, kad jums reikia – net jei pats nesate kūrėjas. Jame yra daugybė dizaino ir rinkodaros programų, kurios gali padaryti jūsų svetainę sklandesnę. Ir galbūt suteiksite pranašumą prieš konkurentą.

Kam naudojate tikrinimo elementą? Papasakokite mums apie tai toliau pateiktame komentarų skyriuje.