Mājas lapa, kuru jūs lasāt, sastāv no cita starpā pirmkoda. Šī ir informācija, kuru jūsu tīmekļa pārlūkprogramma lejupielādē un pārveido par to, ko jūs lasāt tūlīt.
Lielākā daļa tīmekļa pārlūkprogrammu nodrošina iespēju redzēt tīmekļa lapas avota kodu bez nepieciešamas papildu programmatūras neatkarīgi no tā, kāda veida ierīce jūs izmantojat.
Daži no tiem pat piedāvā uzlabotu funkcionalitāti un struktūru, tādējādi atvieglojot HTML un citu programmēšanas kodu apskatīšanu lapā.
Kāpēc jūs vēlaties redzēt avota kodu?
Ir vairāki iemesli, kāpēc jūs varētu vēlēties redzēt lapas pirmkodu. Ja esat tīmekļa izstrādātājs, varbūt jūs vēlētos ieskatīties zem vāciņiem citā programmētāja īpašajā stilā vai īstenošanā. Varbūt jūs veicat kvalitātes nodrošināšanu un mēģina noskaidrot, kāpēc konkrēta daļa no tīmekļa lapas tiek padarīta vai rīkojas tā, kā tā ir.
Jūs varētu būt arī iesācējs, kurš mēģina iemācīties kodēt savas lapas un meklē dažus reālos piemērus. Protams, iespējams, ka jūs neietilpst nevienā no šīm kategorijām un vēlaties tikai apskatīt avotu, kas nav saistīta ar ziņkārību.
Zemāk uzskaitītie norādījumi par to, kā apskatīt pirmkodu izvēlētajā pārlūkprogrammā.
Google Chrome
Darbojas: Chrome OS, Linux, macOS, Windows
Chrome datora versija piedāvā trīs dažādas metodes lapas pirmkoda skatīšanai, pirmā un vienkāršākā, izmantojot šādu īsinājumtaustiņu: CTRL + U (KOMANDA + OPTION + U uz macOS).
Nospiežot šo īsceļu, tiek atvērta jauna pārlūkprogrammas cilne, kurā tiek parādīts aktīvās lapas HTML un cits kods. Šis avots ir krāsu kodēts un strukturēts tā, ka tas ir vienkāršāk sadrumstalot un atrast to, ko jūs meklējat. Varat arī tur nokļūt, ievadot šādu tekstu pārlūka Chrome adreses joslā, kas pievienota tīmekļa lapas URL kreisajā pusē un izvēloties Ievadiet atslēga: skata avots: (t.i., skata avots: https: //www.Go-Travels.com).
Trešā metode ir ar Chrome izstrādātāju rīkiem, kas ļauj jums padziļināti ienirt lapas kodu, kā arī pielāgot to tiešraidē testēšanas un izstrādes nolūkos. Izvērsto rīku saskarne var tikt atvērta un aizvērta, izmantojot šo īsceļu: CTRL + SHIFT + I (KOMANDA + OPTION + I uz macOS). Jūs varat arī tos palaist, veicot šādu ceļu.
-
Atlasiet Chrome galvenās izvēlnes pogu, kas atrodas augšējā labajā stūrī un ko attēlo trīs vertikāli izlīdzināti punkti.
-
Kad parādās nolaižamā izvēlne, novietojiet peles kursoru pāri kursoram Vairāk rīku iespēja.
-
Kad parādās apakšizvēlne, izvēlieties Izstrādātāju rīki.
Android
Tīmekļa vietnes avota pārlūks pārlūkā Chrome pārlūkprogrammai Android ir tikpat vienkārša kā tā adreses (vai URL) priekšpuses pievienošana un tā iesniegšana: skata avots:. Piemērs tam būtu skata avots: https: //www.Go-Travels.com . HTML un cits kods no attiecīgās lapas tiks tūlīt parādīts aktīvajā logā.
iOS
Lai gan jūsu iPad, iPhone vai iPod touch pārlūkprogrammā Chrome nav īstu kodu avota koda skatīšanai, vienkāršākais un visefektīvākais ir izmantot trešās puses risinājumu, piemēram, lietotni Skatīt avots.
Lietojumprogrammu veikalā pieejamais 0,99 ASV dolāru apmērā, skatīšanas avots piedāvā ievadīt lapas URL (vai arī kopēt / ielīmēt to no Chrome adreses joslas, kas dažreiz ir visvienkāršākais ceļš), un tas ir viss. Papildus rādīt HTML un citu pirmkodu, lietotnei ir arī cilnes, kurās tiek parādīti atsevišķu lapu aktīvi, dokumentu objektu modelis (DOM), kā arī lapas izmērs, sīkfaili un citas interesantas detaļas.
Microsoft Edge
Darbojas: Windows
Edge pārlūks ļauj jums apskatīt, analizēt un pat manipulēt ar pašreizējās lapas avota kodu, izmantojot tā izstrādātāju rīku saskarni. Lai piekļūtu šim ērtajam rīku komplektam, varat izmantot vienu no šiem īsinājumtaustiņiem: F12 vai CTRL + U. Ja jūs vēlaties, lai puse būtu tā vietā, noklikšķiniet uz Edge izvēlnes pogas (trīs punkti atrodas augšējā labajā stūrī) un izvēlieties F12 Izstrādes rīki no saraksta.
Pēc tam, kad Dev rīki tiek palaisti pirmo reizi, Edge pievieno divas papildu opcijas pārlūkprogrammas konteksta izvēlnei (pieejama ar tīmekļa lapas kreiso labo taustiņu): Pārbaudīt elementu un Skatīt avotu, kas atvērs Atkļūdotājs Dev rīku saskarnes daļa, kas apdzīvota ar pirmkodu.
Mozilla Firefox
Darbojas: Linux, macOS, Windows
Lai pārlūkprogrammas Firefox versijā skatītu lapas avota kodu, varat nospiest CTRL + U (KOMANDA + U uz macOS) tastatūrā, kas atvērs jaunu cilni, kas satur aktīvo Web lapu HTML un citu kodu.
Nokopējot šādu tekstu Firefox adreses joslā tieši lapas lapas kreisajā pusē, pašreizējā cilne vietā parādīs to pašu avotu: skata avots: ( t.i., skata avots: https: //www.dotdash.com ).
Vēl viens veids, kā piekļūt lapas pirmkodam, ir Firefox izstrādātāju rīki, kas pieejami, veicot šādas darbības.
-
Atlasiet galvenās izvēlnes pogu, kas atrodas jūsu pārlūkprogrammas loga augšējā labajā stūrī un ko attēlo trīs horizontālas līnijas.
-
Kad tiek parādīta izkrītošā izvēlne, noklikšķiniet uz Izstrādātājs "uzgriežņu atslēgas" ikona.
-
Tīmekļa izstrādātāja konteksta izvēlne tagad ir redzama. Izvēlieties Lapas avots iespēja.
Firefox arī ļauj apskatīt avota kodu konkrētai lapas daļai, padarot to viegli izolēt no problēmām. Lai to izdarītu, vispirms ar peli izvēlieties interesējošo apgabalu. Pēc tam ar peles labo pogu noklikšķiniet un izvēlieties Skatīt izvēles avotu no pārlūka konteksta izvēlnes.
Android
Avota koda skatīšana pārlūkprogrammas Firefox Android versijā ir iespējama, prefiksējot tīmekļa lapas URL ar šādu tekstu: skata avots:. Piemēram, lai skatītu Dotdash HTML avotu, pārlūka adreses joslā iesniedzat šādu tekstu: skata avots: https: //www.dotdash.com .
iOS
Mūsu ieteiktā metode tīmekļa lapas avota koda skatīšanai jūsu iPad, iPhone vai iPod touch ir pieejama, izmantojot lietotni View Source, kas pieejama App Store par 0,99 ASV dolāriem. Kamēr nav tieši integrēta ar Firefox, jūs varat viegli nokopēt un ielīmēt URL no pārlūka lietotnē, lai atklātu HTML un citu kodu, kas saistīts ar attiecīgo lapu.
Apple Safari
Darbojas iOS un macOS
iOS
Lai gan pārlūkprogrammā Safari iOS nav iekļauta iespēja skatīt pēc noklusējuma lapu avota, pārlūks diezgan viegli integrējas ar lietotnes skatīšanas avotu, kas pieejams App Store par 0,99 ASV dolāriem.
Pēc šī trešās puses lietotnes instalēšanas atveriet pārlūkprogrammu Safari un pieskarieties pogai Kopīgot, kas atrodas ekrāna apakšdaļā un kuru attēlo kvadrātveida un augšupvērstā bultiņa. Tagad ir jābūt redzamam iOS koplietošanas lapai, pārklājot Safari loga apakšējo pusi. Ritiniet pa labi un izvēlieties Skatīt avotu poga
Tagad ir jāparāda aktīvās lapas avota koda krāsainu, strukturētu attēlojumu kopā ar citām cilnēm, kas ļauj skatīt lapas aktīvus, skriptus un citus.
macOS
Lai skatītu Safari datora versijas lapas pirmkodu, vispirms ir jāiespējo tā Izstrādāt izvēlne. Tālāk norādītie soļi ļauj jums aktivizēt šo slēpto izvēlni un parādīt lapas HTML avotu.
-
Izvēlieties Safari pārlūka izvēlnē, kas atrodas ekrāna augšdaļā.
-
Kad parādās nolaižamā izvēlne, atlasiet Preferences iespēja.
-
Tagad Safari preferences tagad ir redzamas. Noklikšķiniet uz Progresīvs ikona, kas atrodas augšējās rindas labajā pusē.
-
Ceļā uz sadaļas Papildu apakšdaļu ir norādīta opcija Parādīt izvēlnes joslā izvēlni Izstrādāt, kam pievienota tukša izvēles rūtiņa. Vienreiz atlasiet šo lodziņu, lai tajā ievietotu atzīmi, un aizveriet preferenču logu, noklikšķinot uz sarkanā "x", kas atrodas augšējā kreisajā stūrī.
-
Izvēlieties Izstrādāt izvēlne, kas atrodas ekrāna augšdaļā.
-
Kad parādās nolaižamā izvēlne, atlasiet Rādīt lapas avotu. Tā vietā varat izmantot tālāk norādīto īsinājumtaustiņu. KOMANDA + OPTION + U.
Opera
Darbojas: Linux, macOS, Windows
Lai apskatītu Avota kodu no aktīvās Web lapas Opera pārlūkprogrammā, izmantojiet šādu īsinājumtaustiņu: CTRL + U (KOMANDA + OPTION + U uz macOS). Ja vēlaties ievietot avotu esošajā cilnē, ievadiet tālāk redzamo tekstu no lapas URL kreisās puses adreses joslā un nospiediet Ievadīt: skatījuma avots: ( t.i., skata avots: https: //www.Go-Travels.com ).
Operētājsistēmas versijas versija ļauj jums skatīt HTML avotu, CSS un citus elementus, izmantojot integrētos izstrādātāju rīkus. Lai palaistu šo saskarni, kas pēc noklusējuma parādīsies galvenā pārlūkprogrammas loga labajā pusē, nospiediet šo īsinājumtaustiņu: CTRL + SHIFT + I (KOMANDA + OPTION + I uz macOS).
Opera izstrādātāju rīku komplekts ir pieejams arī, veicot šādas darbības.
-
Izvēlieties Opera logo, kas atrodas jūsu pārlūkprogrammas loga augšējā kreisajā stūrī.
-
Kad parādās nolaižamā izvēlne, novietojiet peles kursoru pāri kursoram Vairāk rīku iespēja.
-
Klikšķiniet uz Parādīt izstrādātāja izvēlni.
-
Izvēlieties Opera logo vēlreiz.
-
Kad parādās nolaižamā izvēlne, novietojiet kursoru virs Izstrādātājs.
-
Kad parādās apakšizvēlne, izvēlieties Izstrādātāju rīki.
Vivaldi
Vivaldi pārlūkprogrammā ir pieejami vairāki veidi, kā skatīt vietnes avotu. Vienkāršākais ir, izmantojot CTRL + U tastatūras īsceļš, kurā jaunā cilnē tiek rādīts aktīvās lapas kods.
Jūs varat arī pievienot šādu tekstu lapas lapas priekšā, kas pašreizējā cilnē parāda pirmkodu: skata avots:. Piemērs tam būtu skata avots: http: //www.dotdash.com .
Vēl viena metode ir caur pārlūkprogrammas integrētajiem izstrādātāju rīkiem, kas ir pieejami, nospiežot pogu CTRL + SHIFT + I kombināciju vai caur Izstrādātāju rīki opciju pārlūkprogrammā Rīki izvēlne - atrasts, izvēloties V logotips augšējā kreisajā stūrī. Dev rīku izmantošana ļauj padziļināti analizēt lapas avotu.
