Kā pārbaudīt elementus operētājsistēmā Mac, Windows, iPhone un iPad

Izstrādātāji un lietotāja interfeisa dizaineri izmanto funkciju Pārbaudīt elementu, lai tiešsaistē modificētu vietnes, nemainot avota kodu. Bet kā pārbaudīt elementus, neapmeklējot tīmekļa izstrādes kursu?

Inspect Element ir ērts izstrādātāja rīks, kas ir pieejams kopā ar populārām tīmekļa pārlūkprogrammām. Pārlūkojot vietnes, jums vienkārši jāzina, kā ar dažiem klikšķiem izvietot rīku.

Varat veikt daudzus burvju trikus, piemēram, mainīt vietnes izkārtojumu, uzņemt ekrānuzņēmumus bez teksta, mainīt fontus, mainīt skaitļus un daudz ko citu.

Tālāk atrodiet īsu, soli pa solim sniegtu rokasgrāmatu, lai uzzinātu, kā bez pūlēm pārbaudīt elementus.

Kas ir pārbaudes elements?

Inspect Element ir tīmekļa izstrādes rīks, kas pieejams lielākajā daļā tīmekļa pārlūkprogrammu. Varat to izmantot, lai rediģētu jebkuras apmeklētās vietnes priekšgala avota kodu.

Izmaiņas, ko veicat, tiek veiktas tīmekļa pārlūkprogrammas smilšu kastē. Tātad jūs neveiksit nekādas izmaiņas faktiskajā vietnē. Arī virspusējās izmaiņas, ko veicat, pazūd, atsvaidzinot lapu.

Šeit ir daži radoši veidi, kā to izmantot:

• Jums ir jāuzņem ekrānuzņēmums no vietnes, un attēlā redzamie teksti jūs satrauc. Izmantojiet rīku Pārbaudīt elementu, lai izdzēstu šos tekstus.
• Jūs vēlaties izjokot savus draugus, parādot viņiem savu vārdu New York Times vai Washington Post. Pārbaudīt elementu ir labākais veids, kā to izdarīt.
• Pārbaudiet atkļūdošanas kodus vietnēs, piemērojot tos reāllaikā, izmantojot rīku Inspect Element. Ja tas darbojas, varat mainīt aizmugursistēmas avota kodu.
• Kā digitālā mārketinga speciālists varat atklāt konkurentu atslēgvārdus, SEO nosaukumus, meta tagus utt., izmantojot šo vareno tīmekļa izstrādes rīku.

Kā pārbaudīt elementus sistēmā Windows

Pārbaudes elementa rīka izmantošana operētājsistēmā Windows ir smieklīgi vienkārša. Tālāk atrodiet detalizētu ceļvedi, lai pārbaudītu elementus, izmantojot dažādas Windows tīmekļa pārlūkprogrammas.

Google Chrome pārbaudes rīks

Kā pārbaudīt elementus Windows pārlūkprogrammā Chrome

• Izmantojot Google Chrome , ar peles labo pogu noklikšķiniet jebkurā vietnes vietā.
• Ar peles labo pogu noklikšķiniet uz konteksta izvēlnes.
• Apakšdaļā būs redzams Pārbaudīt .
• Noklikšķiniet uz Pārbaudīt , lai labās puses panelī skatītu HTML un CSS kodus .

Kā pārlūkā Chrome atvērt pārbaudes elementu, nenoklikšķinot ar peles labo pogu?

Ir daži ērti saīsnes, lai atvērtu rīku Pārbaudīt elementu pārlūkprogrammā Google Chrome operētājsistēmai Windows. Šie karstie taustiņi ir šādi:

• Ctrl + Shift + C
• Funkciju taustiņš F12

Iepriekš minētie karstie taustiņi darbojas arī pārlūkprogrammā Mozilla operētājsistēmai Windows.

Mozilla inspektora rīks

Kā pārbaudīt elementus pārlūkprogrammā Windows Mozilla

Pārlūkprogrammā Mozilla process ir tāds pats kā Google Chrome. Tomēr inspektora logs tiks parādīts pārlūkprogrammas apakšā, nevis labajā pusē, kā tas ir Google Chrome.

Microsoft Edge pārbaudes rīks

Kā pārbaudīt elementus pārlūkprogrammā Windows Edge

Pārsteidzoši, ka Microsoft Edge pārbaudes elements darbojas līdzīgi kā pārlūkprogramma Google Chrome. Pārbaudes rīks ir pieejams, noklikšķinot ar peles labo pogu. Arī HTML un CSS kodi tiek parādīti labajā pusē, līdzīgi kā Google Chrome.

Kā pārbaudīt elementus operētājsistēmā Mac

Vai Apple Mac datoros izmantojat pārlūkprogrammu Google Chrome, Mozilla Firefox vai Microsoft Edge? Ja jā, varat izvietot Inspect Element rīku, veicot iepriekš Windows sadaļā minētās darbības.

Bet, ja izmantojat noklusējuma macOS tīmekļa pārlūkprogrammu Safari, rīka Inspect Element izmantošana ir sarežģīta spēle. Pēc noklusējuma Safari nerāda Inspect Element operētājsistēmā Mac. Lūk, kas jums jādara:

Kā atvērt pārbaudes elementu operētājsistēmā Mac

Vispirms Mac datorā ir jāaktivizē izstrādātāja rīki Safari. Lūk, kā to izdarīt:

• Palaidiet pārlūkprogrammu Safari .
• Apmeklējiet vietni, kurā vēlaties pārbaudīt tīmekļa elementus.
• Safari pārlūkprogrammas augšējā izvēlņu joslā atlasiet Safari .
• Atvērtajā konteksta izvēlnē noklikšķiniet uz Preferences .
• Ekrānā Preferences atlasiet Advanced .
• Atzīmējiet izvēlni Rādīt izstrādi ekrāna Papildu preferences apakšā .

Jūs esat veiksmīgi iespējojis izstrādātāja rīkus pārlūkprogrammā Safari for Mac. Tagad veiciet šīs darbības, lai izmantotu pārbaudes elementu:

• Uz jebkura vietnes elementa, piemēram, teksta vai attēla, ar peles labo pogu noklikšķiniet uz .
• Parādīsies konteksta izvēlne. Apakšdaļā būs redzams Pārbaudīt elementu .
• Noklikšķiniet uz tā, lai zem vietnes atvērtu atkļūdošanas sadaļu, kurā tiek rādīti HTML un CSS kodi.

Kādas ir pārbaudes elementa atslēgas?

Iespējams, jūs meklējat saīsnes Inspect Element operētājsistēmā Mac. Varat izmantot tālāk norādīto.

• Command + Shift + C
• Nospiediet vadības taustiņu un pēc tam atlasiet jebkuru elementu.
• Noklikšķiniet uz skārienpaliktņa ar diviem pirkstiem

Kā pārbaudīt elementus Chromebook datoros

Chromebook dators izmanto Google Chrome kā noklusējuma pārlūkprogrammu. Tāpēc pēc jebkuras vietnes atvēršanas vienkārši ar peles labo pogu noklikšķiniet, lai nākamajā konteksta izvēlnē atrastu opciju Pārbaudīt elementu.

Ja izmantojat Chromebook datoru no darba vai skolas, iespējams, uzdodat šo jautājumu:

Kāpēc es nevaru pārbaudīt skolas Chromebook datoru?

Lielākā daļa skolu un uzņēmumu administratoru atspējo papildu funkcijas jūsu nodrošinātajā Chromebook datorā darbam vai mācībām. Tā kā izstrādātāju rīki ir uzlabotas funkcijas, iespējams, ka jūsu skolas vai darba Chromebook datorā netiks rādīts rīks Inspect Element.

Kā pārbaudīt elementus iPad/iPhone

Diemžēl jūs nevarat izmantot Inspect Element rīku iPhone vai iPad bez Mac.

iOS un iPadOS ir Web Inspector lietotnei Safari. Tomēr tas darbojas tikai tad, ja savienojat mobilo ierīci ar Mac datoru, kurā jau esat aktivizējis izstrādātāja rīkus programmai Safari. Tālāk ir norādītas darbības, kuras varat izmēģināt.

• Atveriet iPad/iPhone iestatījumu lietotni.
• Kreisās puses navigācijas rūtī noklikšķiniet uz Safari .

Safari iestatījumu atvēršana iPad vai iPhone tālrunī

• Pēc tam ritiniet uz leju labajā pusē, lai atrastu un atlasītu Papildu .

Web Inspector aktivizēšana iPad un iPhone ierīcēs

• Aktivizējiet Web Inspector slēdzi .
• Tagad savienojiet mobilo ierīci ar Mac, izmantojot USB .
• Autorizējiet iPhone/iPad operētājsistēmā Mac.
• Atveriet jebkuru vietni mobilajā ierīcē pārlūkprogrammā Safari.
• Tagad Mac datorā palaidiet Safari un augšējā izvēlņu joslā atlasiet Izstrādāt .
• Atvērtajā konteksta izvēlnē meklējiet savas mobilās ierīces nosaukumu.
• Novietojiet kursoru virs mobilās ierīces, lai skatītu visas atvērtās vietnes.
• Tagad atlasiet jebkuru vietni, lai skatītu HTML un CSS avota kodu Mac pārlūkprogrammā Safari.

Secinājums

Jūs esat izpētījis visus iespējamos veidus, kā izmantot rīku Pārbaudīt elementu pagaidu tīmekļa lapu rediģēšanai. Esat arī iemācījies pārbaudīt elementus dažādām ierīcēm, piemēram, Mac, Windows, Chromebook, iPad un iPhone.

Nākamreiz, kad izklaidei vai profesionālām vajadzībām būs jāmaina tīmekļa lapa, izmēģiniet šīs metodes. Jums noteikti patiks šīs vienkāršas darbības, nevis citas sarežģītas metodes, kas aprakstītas citur.

Neaizmirstiet tālāk atstāt komentārus, ja iepriekš minētās darbības jums palīdzēja, kāda metode, kas jums šķiet sarežģīta, vai kādi slepeni padomi par rīku Pārbaudīt elementu.

Vai nepieciešama tīmekļa lapa kā drukāta atsauce? Uzziniet, kā ātri saglabāt tīmekļa lapu PDF formātā tūlīt!