Kā lietot pārbaudes elementu

Lielākā daļa cilvēku nezina, ka viņu rīcībā ir izstrādātāju rīku bagātība un ka tas ir paslēpts viņu iecienītākajā pārlūkprogrammā.

Katra tīmekļa pārlūkprogramma piedāvā izstrādātāju rīkus, lai pārbaudītu vietnes kodējumu, tomēr vidusmēra interneta lietotājam tā ir sveša vienība. Galu galā, kurš gan vēlas apskatīt vietnes kodējumu, vai ne?

Kā izrādās, ir daudz lietu, ko varat uzzināt, aplūkojot vietnes kodējumu. Lasiet tālāk, lai uzzinātu, ko var piedāvāt pārbaudes elementa funkcija un kā to izmantot.

Kā izmantot pārbaudes elementu noteiktā pārlūkprogrammā

Lielākajai daļai pārlūkprogrammu ir rīki vietnes elementu pārbaudei, taču tie parasti darbojas vienādi.

Pārbaudes elementa izmantošana pārlūkprogrammā Google Chrome

1. Atveriet vietni, kuru vēlaties pārbaudīt.

   

2. Ar peles labo pogu noklikšķiniet jebkurā lapas vietā un atlasiet Pārbaudīt.

   

   VAI

3. Noklikšķiniet uz trim vertikālajiem punktiem rīkjoslas labajā stūrī.

   

4. Iet uz Vairāk rīku.

   

5. Izvēlieties Izstrādātāja rīki.

   

   VAI

6. Nospiediet F12 tastatūras īsinājumtaustiņš datorā vai CMD + Opcijas + I Mac datorā.

Pārbaudes elementa izmantošana programmā Microsoft Edge

1. Atveriet vietni.

   

2. Noklikšķiniet uz trim vertikālajiem punktiem pārlūkprogrammas rīkjoslas augšējā labajā stūrī.
3. Ritiniet uz leju un noklikšķiniet uz Vairāk rīku.

   

4. Klikšķiniet uz Izstrādātāja rīki.

   

   VAI

5. Ar peles labo pogu noklikšķiniet jebkurā vietnes vietā.
6. Klikšķiniet uz Pārbaudīt.

   

   VAI

7. Nospiediet Ctrl+Shift+I.

Jebkura no šīm trim metodēm sniegs tādu pašu rezultātu.

Ja to izdarījāt pareizi, pārlūkprogrammas apakšā tiks atvērta jauna rūts. Tie ir izstrādātāja rīki un ietver cilni Elementi. Šis ir rīks, kas nepieciešams elementa pārbaudei.

Panelis pēc noklusējuma tiks atvērts ekrāna apakšdaļā, taču jūs vienmēr varat mainīt tā izskatu. Veiciet šīs vienkāršās darbības, lai pārvietotu izstrādātāja rīku paneli:

1. Noklikšķiniet uz trim vertikālajiem punktiem izstrādātāja rīku paneļa augšējā stūrī.

   

2. Atlasiet doka pusi (kreiso, apakšējo vai labo) vai atvienojiet to atsevišķā logā.

   

Novietojot kursoru blakus izstrādātāja rīku paneļa rāmja malai un velkot, darbvieta tiks sašaurināta vai paplašināta. Piemēram, ja izvēlaties piestiprināt paneli pārlūkprogrammas loga labajā pusē, mēģiniet virzīt kursoru uz kreisās malas. Varat vilkt paneli, lai mainītu tā izmēru, kad redzat bultiņas kursoru.

Pārbaudes elementa izmantošana (specifiski OS)

Lai gan daudzas no saistītajām darbībām varētu būt ietvertas, vienkārši parādot, kā pārlūkprogrammā izmantot Inspect Element, kur tas vispār pastāv, taču mēs jebkurā gadījumā parādīsim, kā to izdarīt lielākajā daļā OS.

Kā Chromebook datorā izmantot pārbaudes elementu

Chromebook datora noklusējuma pārlūkprogramma ir Google, tāpēc izpildiet pārlūkprogrammas Chrome norādījumus, lai piekļūtu Pārbaudiet elementu. Šeit ir neliels atsvaidzināšanas kurss jums:

1. Atveriet vietni.

   

2. Noklikšķiniet uz trim vertikālajām līnijām rīkjoslas augšējā labajā stūrī.

   

3. Izvēlieties Vairāk rīku.

   

4. Klikšķiniet uz Izstrādātāja rīki.

   

Varat arī izmantot peles labās pogas metodi vai F12 funkcijas taustiņu, lai ātrāk piekļūtu izstrādātāja rīkiem.

Kā izmantot pārbaudes elementu Android ierīcē

Pārbaudes elementa palaišana Android ierīcē ir nedaudz atšķirīga. Uzziniet, kā Android ierīcē piekļūt panelim Inspect Element:

1. Nospiediet F12 funkciju taustiņš.
2. Izvēlieties Pārslēgt ierīces joslu.

   

3. Nolaižamajā izvēlnē atlasiet Android ierīci.

   

Atlasot konkrētu Android ierīci, pamanīsit, ka tiek ielādēta vietnes mobilā versija. Šeit jūs varat brīvi izmantot funkciju Pārbaudīt elementu savā Android ierīcē, ērti izmantojot darbvirsmu.

Šī metode darbojas gan pārlūkprogrammās Chrome, gan Firefox, jo to izstrādātāja rīkos ir funkcija Ierīces simulācija.

Tas tāpat darbojas arī iPhone ierīcēm. Nolaižamajā izvēlnē jums vienkārši jāizvēlas pareizais.

Kā izmantot pārbaudes elementu sistēmā Windows

Rīks Pārbaudīt elementu ne vienmēr ir atkarīgs no operētājsistēmas, bet gan pārlūkprogrammas. Tas nozīmē, ka izstrādātāja rīki ir jūsu izmantotās pārlūkprogrammas, nevis Windows, funkcija. Tomēr jūs varat piekļūt panelim Pārbaudīt elementu neatkarīgi no tā, kuru pārlūkprogrammu vēlaties.

Ja izmantojat operētājsistēmu Windows, visticamāk, izmantosit arī pārlūkprogrammu Microsoft Edge. Uzziniet, kā MS Edge piekļūt Inspect Element:

1. Atveriet vietni, kuru vēlaties pārbaudīt.

   

2. Pārlūka loga stūrī pieskarieties trim vertikālajiem punktiem.

   

3. Ritiniet uz leju un atlasiet Vairāk rīku.

   

4. Klikšķiniet uz Izstrādātāja rīki.

   

Varat arī izmantot F12 funkcijas taustiņu, ja vēlaties ātrāk piekļūt elementam Inspect Element. Darbojas arī ar peles labo pogu noklikšķinot uz tīmekļa lapas un atlasot Pārbaudīt.

Kā izmantot pārbaudes elementu Mac datorā

Ja izmantojat Mac datoru, jūsu izvēlētā pārlūkprogramma, iespējams, ir Safari. Pārbaudes elementu atvēršana pārlūkprogrammā Safari nedaudz atšķiras no pārlūkprogrammas Chrome un Firefox. Bet tas ir tikpat vienkārši, veicot šīs darbības:

1. Atveriet pārlūkprogrammu Safari.
2. Klikšķiniet uz Safari galvenes cilnē.
3. Izvēlieties Preferences no nolaižamās izvēlnes.
4. Noklikšķiniet uz Papildu zobrata ikona, kas atrodas ekrāna augšdaļā.
5. Atzīmējiet izvēles rūtiņu Izvēļņu joslā rādīt izvēlni Izstrādāt.

Veicot šīs darbības, jūsu pārlūkprogrammā tiek iespējota funkcija Pārbaudīt elementu. Ja vispirms neiespējosit Inspect Element, atverot vietni, šī opcija netiks rādīta.

Kad esat pabeidzis šo darbību, ar peles labo pogu noklikšķiniet uz jebkuras atvērtas tīmekļa lapas un atlasiet Pārbaudīt. Varat arī izmantot ātro taustiņu komandu: CMD + opcija + I (pārbaudīt).

Kā lietot pārbaudes elementu iPhone tālrunī

Vai vēlaties izmantot funkciju Pārbaudīt elementus, lai redzētu, kā tīmekļa lapas mobilā versija parādās iPhone tālrunī? To un vairāk varat izdarīt, veicot tikai dažas vienkāršas darbības. Bet, pirms skatāties uz elementu, tas ir jāiespējo Tīmekļa inspektors jūsu iOS ierīcei:

1. Iet uz Iestatījumi.

   

2. Tagad atlasiet Safari.

   

3. Ritiniet līdz apakšai un pieskarieties Papildu izvēlne.

   

4. Tagad pieskarieties pārslēgšanas slēdzim, lai ieslēgtu Tīmekļa inspektors.

   

Jums arī jāpārliecinās, vai jūsu Mac datorā ir iespējota izvēlne Izstrādāt:

1. Atveriet Safari.
2. Izvēlieties Safari no augšējām virsrakstiem.
3. Tālāk noklikšķiniet uz Preferences.
4. Pēc tam noklikšķiniet uz Papildu.
5. Atzīmējiet izvēles rūtiņu Izvēļņu joslā rādīt izvēlni Izstrādāt.

Pēc iOS mobilās ierīces un Mac iespējošanas Mac datora augšējā joslā tiks parādīta izvēlne Izstrādāt. Noklikšķiniet uz tā, lai redzētu pievienoto iPhone un ierīcē aktīvo tīmekļa lapu. Atlasot tīmekļa lapu, tiek atvērts arī Web Inspector logs tai pašai lapai jūsu Mac ekrānā.

Tomēr ņemiet vērā, ka šie norādījumi darbojas tikai Safari, kurā darbojas Mac, nevis Safari operētājsistēmā Windows.

Kā lietot pārbaudes elementu pakalpojumā Google veidlapas

Varat arī izmantot Google veidlapu pārbaudes elementu. Tomēr, ja meklējat atbildes uz viktorīnu, jums nav paveicies. Kodējumā iegultās atbildes neatradīsit. Atbildes varat skatīt tikai tad, ja esat veidlapas veidotājs vai redaktors. Jebkurā gadījumā, ja esat students, kas atbild uz viktorīnu pakalpojumā Google veidlapas, jūs redzēsit tikai savas atbildes.

1. Varat ar peles labo pogu noklikšķināt uz veidlapas un atlasīt Pārbaudīt lai redzētu visu veidlapas kodu.

Kā izmantot pārbaudes elementu, kad tas ir bloķēts

Reizēm jūs atklāsit, ka nevarat pārbaudīt tīmekļa lapu, un atlase Pārbaudīt ir pelēkota, ja mēģināt uz tās noklikšķināt ar peles labo pogu. Jums var šķist, ka tas ir bloķēts, taču ir vairāki veidi, kā to apiet:

1. metode – Izslēdziet Javascript

1. Iet iekšā Iestatījumi.

   

2. Meklēt "JavaScript”.

   

3. Izslēgt JavaScript.

   

2. metode. Piekļūstiet izstrādātāja rīkiem ilgā ceļā

Tā vietā, lai noklikšķinātu ar peles labo pogu, lai pārbaudītu, rīkojieties šādi:

1. Iet uz Iestatījumi savā pārlūkprogrammā.

   

2. Izvēlieties Vairāk rīku.

   

3. Ritiniet uz leju un noklikšķiniet uz Izstrādātāju rīki.

   

3. metode — funkcijas taustiņa izmantošana

Varat arī mēģināt izmantot F12 funkciju taustiņu tīmekļa lapās, kas bloķē labo klikšķi, lai veiktu pārbaudi.

Iespējams, jums būs jāizmēģina visas šīs metodes, pirms atrodat sev piemērotāko. Kā pēdējo līdzekli varat arī mēģināt skatīt avota kodu, ierakstot skata avots: [ievadiet pilnu URL].

Kā Discord izmantot pārbaudes elementu

Kodēšanas pārbaude vietnē Discord ir vienkāršs process. Vienkārši izmantojiet Ctrl+Shift+I komanda vai F12 taustiņu Discord lapā.

Kā izmantot pārbaudes elementu skolas Chromebook datorā

Ja jūsu Chromebook datoru izdevusi skola, funkcijas Pārbaudīt elementu izmantošana ietver dažas vienkāršas darbības.

1. Ar peles labo pogu noklikšķiniet vai pieskarieties ar diviem pirkstiem tīmekļa lapā un atlasiet Pārbaudīt.
2. Nospiediet Ctrl+Shift+I.
3. Izmēģiniet un izmantojiet metodi view-source:[url], piemēram, "view-source://www.wikipedia.com“, bez pēdiņām.

Tomēr dažas skolas un organizācijas bloķē šo funkciju. Tātad, ja tas jums nedarbojas, iespējams, jums būs jāsazinās ar organizācijas vai skolas administratoru.

Kā izmantot pārbaudes elementu, lai atrastu atbildes

Varat izmantot Inspect Element, lai atrastu atbildes uz dažādām lietām, piemēram:

1. Vietnes dizaina priekšskatīšana mobilajās ierīcēs.
2. Uzziniet atslēgvārdus, ko izmanto konkurenti.
3. Ātruma testi.
4. Teksta maiņa tīmekļa lapā.
5. Atrodiet ātrus piemērus, lai parādītu izstrādātājiem, kas jums nepieciešams.

Palaižot paneli Pārbaudīt elementu, jūs redzēsit visu vietnes kodējumu. Tas ietver visu tajā iebūvēto JavaScript, CSS un HTML kodējumu. Tas ir tāpat kā tīmekļa lapas avota kodēšanas skatīšana, izņemot to, ka varat veikt izmaiņas kodā. Turklāt jūs varat redzēt visas ieviestās izmaiņas reāllaikā.

Šis rīks padara to nenovērtējamu mārketinga speciālistiem, dizaineriem un izstrādātājiem, lai skatītu visas dizaina izmaiņas pirms to pabeigšanas. Tomēr izmaiņu veikšana kodēšanā, izmantojot Inspect Element, nav mūžīga. Pārlādējot lapu, tā atgriezīsies noklusējuma stāvoklī.

Papildu bieži uzdotie jautājumi

Kā izmantot komandu Pārbaudīt elementu, lai atrastu atbildes?

Vienīgais veids, kā atrast atbildes, izmantojot funkciju Pārbaudīt elementu, ir tad, ja vietne pēc iesniegšanas to uzreiz atklāj. Šajā gadījumā atbildes ir kodējumā.

Pretējā gadījumā jūs vienkārši skatāt viktorīnas vai testa kodējumu, kad izmantojat funkciju Pārbaudīt elementu, kā arī visas jūsu iesniegtās atbildes.

Vai pārbaudes elements ir nelikumīgs?

Nē, rīks Inspect Element nav nelikumīgs, tas ir paredzēts tīmekļa izstrādātājiem. Vietnes pirmkoda skatīšana nav nelikumīga, tā kļūst par problēmu tikai tad, ja savākto informāciju izmantojat negodīgiem mērķiem, piemēram, ļaunprātīgas izmantošanas mēģinājumiem utt.

Vai pārlūkprogrammā ir iespējams atspējot pārbaudes elementu?

Īsā atbilde ir nē.

Pārbaudes elementu nevar atspējot pārlūkprogrammā. Taču varat iestatīt parametrus, kas neļauj lietotājiem veikt noteiktas darbības, piemēram, ar peles labo pogu noklikšķināt uz tīmekļa lapas. Tiešsaistē ir pieejamas daudzas apmācības, lai iestatītu pareizos skriptus noteiktu notikumu atspējošanai. Tomēr jūs nevarat pilnībā atspējot funkciju Pārbaudīt elementu.

Iepazīstieties ar tīmekļa lapas būtību

Tīmekļa lapas funkcijas Pārbaudīt elementu pārbaude, iespējams, ir izstrādātāja rīks, par kuru jūs nekad nezināt, ka jums tas ir vajadzīgs — pat ja pats neesat izstrādātājs. Tajā ir daudz dizaina un mārketinga lietojumprogrammu, kas var padarīt jūsu vietni vienmērīgāku. Un varbūt dos jums priekšrocības salīdzinājumā ar konkurentu.

Kam jūs izmantojat pārbaudes elementu? Pastāstiet mums par to komentāru sadaļā zemāk.