Google Chrome: kas ir Skatīt lapas avotu?

Google Chrome: kas ir Skatīt lapas avotu?

Chrome un Chromium izvēlnēs ir iekļauts “Skatīt lapas avotu”. Tas ļauj izstrādātājiem un lietotājiem uzzināt, kas notiek zem pārsega, kad lapa tiek ielādēta pārlūkprogrammā. Tas ir logs uz HTML, CSS un JavaScript sarežģītību, kas veido vietnes, kuras pārlūkojat katru dienu.

Google Chrome: kas ir Skatīt lapas avotu?

Skata lapas avota definēšana pārlūkā Chrome

Opcija Skatīt lapas avotu palīdz izstrādātājiem izšķirt un atkļūdot tīmekļa lapu, kā arī ļauj entuziastiem ieskatīties vietņu veidošanas blokos.

Skatot avota kodu, varat redzēt katru tīmekļa lapas sastāvdaļu (HTML), kā tas tiek apstrādāts (CSS) un kodēšanas mijiedarbības, kas to visu apvieno (JavaScript). Šis detalizētais skats ir nenovērtējams problēmu novēršanā. Vai ir izkārtojuma problēma? Pārbaudot lapas avotu, var tikt atklāts trūkstošs tags. Vai poga nereaģē? JavaScript sadaļā var būt atbilde.

Jūs nevarat mainīt kodu, pārbaudīt to vai priekšskatīt izmaiņas, piemēram, izmantojot opciju Pārbaudīt (DevTools) . Tomēr tas piedāvā ātru ieskatu, lai noteiktu visu, kas jums nepieciešams izglītības, atkļūdošanas vai pētniecības nolūkos.

Kā pārlūkā Chrome piekļūt tīmekļa lapas avota kodam

Ir divas metodes, kā pārlūkprogrammās Chrome un Chromium piekļūt tīmekļa lapas avota kodam. Turklāt tikai viena metode darbojas lapām, kas ir aizsargātas ar peles labo pogu. Sāksim.

Izmantojot izvēlnes opciju “Skatīt lapas avotu”.

Šī opcija ir vienkāršākais veids, kā pārskatīt tīmekļa lapas avota kodu, un tā darbojas jebkurā tiešsaistes lapā.

  1. Atveriet pārlūkprogrammu Google Chrome vai Chromium, piemēram, Edge vai Brave .
  2. Piekļūstiet vietnei vai tīmekļa lapai, kas jūs interesē.
  3. Ar peles labo pogu noklikšķiniet uz atvērtā apgabala, atlasiet Skatīt lapas avotu vai nospiediet Ctrl+U (Windows) vai Command+U (Mac).
    Google Chrome: kas ir Skatīt lapas avotu?
  4. Pēc tam avota kods tiks parādīts jaunā cilnē, kas līdzinās teksta redaktora izkārtojumam.

Izmantojot URL opciju “View-Source”.

  1. Palaidiet Google Chrome vai Chromium pārlūkprogrammu, piemēram, Edge vai Brave .
  2. Piekļūstiet vietnei vai tīmekļa lapai, kas jūs interesē.
  3. Adreses joslā ierakstiet view-source:[tīmekļa lapas URL šeit] , piemēram:
    view-source:https://www.alphr.com.
    Google Chrome: kas ir Skatīt lapas avotu?
  4. Pēc tam avota kods tiks parādīts jaunā cilnē, kas līdzinās teksta redaktora izkārtojumam.

Skatiet , kā pārlūkprogrammā Chrome skatīt HTML kodu, lai iegūtu detalizētāku pārskatu par piekļuvi funkcijai citās ierīcēs.

Nekopējiet un neizmantojiet lapas avota saturu tieši

Tīmekļa vietnes avota koda aplūkošana ir vienkāršs veids, kā gūt ieskatu tās struktūrā un saturā. Tomēr tas nesniedz papildu informāciju, piemēram, atkļūdošanu vai veiktspējas analīzi. Turklāt dinamiskais saturs, ko ģenerē JavaScript, var nebūt redzams avota kodā.

Ir svarīgi atcerēties, ka katra vietne ir unikāla, un tas, kas der vienam, var nederēt citai. Turklāt jūs varat saskarties ar slikti optimizētām vietnēm, kas kalpo kā piemēri tam, ko nevajadzētu darīt.

FAQ

J: Vai HTML, CSS un Java koda maiņa opcijā Pārbaudīt ir droša?

A. Pārbaudes režīmā pārlūkā Chrome vai Chromium varat darīt visu, ko vēlaties. Tas nekādā veidā nemaina vietni. Jūs veicat tikai reāllaika labojumus lapas priekšskatījumam kreisajā pusē.

J: Vai opcija “Skatīt pirmkodu” nav laika izšķiešana?

A: Nē, avota koda skatīšana ļauj izstrādātājiem ieskatīties esošajās HTML, CSS un Java instrukcijās, lai atrastu vienkāršas problēmas vai draņķīgu kodēšanu, nevis meklētu izstrādes rīku. Tā ir ātrā izskata opcija, tāpat kā ātra priekšskatījuma funkcija datora failiem, ja tā neatver citas programmas. Turklāt lietotāji var kopēt koda fragmentus un ielīmēt tos vietnes izstrādes rīkā.


Kā labot bojātus datus PS4

Kā labot bojātus datus PS4

Bojāti dati jūsu Sony PlayStation 4 izklausās kā šausmīgi, taču patiesībā tos ir salīdzinoši viegli salabot. Tātad, ja tiek parādīta kļūda Bojāti dati

Kā lietot telegrammu bez tālruņa numura

Kā lietot telegrammu bez tālruņa numura

Telegram kļūst arvien populārāka, pateicoties tās pieejai un funkcijām, kas pirmajā vietā ir privātums, padarot to par jaudīgu ziņojumapmaiņas lietotni. Tomēr uzņēmums pieprasa lietotājus

Kāpēc manā ziņojumā WhatsApp ir tikai viena atzīme?

Kāpēc manā ziņojumā WhatsApp ir tikai viena atzīme?

Ja esat iesācējs WhatsApp, jūs var sajaukt ar visām šīm pelēkajām un zilajām ērcēm. WhatsApp izmanto šo sistēmu, lai jūs zinātu, vai jūsu ziņojums ir

Kā mainīt teksta krāsu nesaskaņās

Kā mainīt teksta krāsu nesaskaņās

https://www.youtube.com/watch?v=Bwb_5ZggIjg Viena lieta, ko Discord neatbalsta īpaši labi, ir dinamiska un krāsaina teksta tērzēšanas pieredze.

Kā izslēgt X Spaces skaņu

Kā izslēgt X Spaces skaņu

Ja regulāri izmantojat X Spaces, iespējams, vēlēsities sarunas laikā izslēgt sevi vai citus. Iespējams, ka jūsu birojā ir daudz fona trokšņu vai

Kā tālrunī atspējot režīmu Netraucēt

Kā tālrunī atspējot režīmu Netraucēt

Netraucēt ir funkcija lielākajā daļā viedtālruņu, kas ļauj izslēgt visus paziņojumus, tostarp zvanus, īsziņas un brīdinājumus no trešo pušu lietotnēm.

Kā noslēpt stāstu no visiem Instagram

Kā noslēpt stāstu no visiem Instagram

Lielākā daļa lietotāju ievieto Instagram stāstus, lai dalītos savās ikdienas darbībās un svarīgos dzīves mirkļos. Tomēr, pirms ievietojat stāstu, varat to darīt

Labākie VS koda HTML saīsnes

Labākie VS koda HTML saīsnes

Apgūstiet dažus būtiskus un labākos VS koda saīsnes, lai paātrinātu HTML izstrādes darbplūsmu, ietaupītu laiku un efektīvi rakstītu kodu.

Kā Minecraftā atrast bastionu

Kā Minecraftā atrast bastionu

Ja vēlaties iegūt retu laupījumu, izcilus priekšmetus vai lielu daudzumu zelta Minecraft, Bastiona atrašana var palīdzēt. Galvenokārt atrasts

Kā novērst kļūdas kodu 267 Roblox

Kā novērst kļūdas kodu 267 Roblox

Ja esat dedzīgs Roblox spēlētājs, iespējams, jau esat saskāries ar neregulārām kļūdām platformā. Tomēr kļūdas kodu 267 var viegli ierindot kā visvairāk