Google Chrome: Hva er View Page Source?

Oppført i Chrome- og Chromium-menyene er en «Se sidekilde». Dette lar utviklere og brukere lære hva som skjer under panseret når en side lastes inn i nettleseren. Det er et vindu inn i kompleksiteten til HTML, CSS og JavaScript som utgjør nettstedene du surfer på daglig.

Definere visningssidekilde i Chrome

Alternativet Vis sidekilde hjelper utviklere med å dissekere og feilsøke en nettside og gir entusiaster en titt inn i byggesteinene til nettsteder.

Når du ser på kildekoden, kan du se hver nettsideingrediens (HTML), hvordan den behandles (CSS) og kodingsinteraksjonene som samler det hele (JavaScript). Denne detaljerte visningen er uvurderlig for feilsøking. Er det et layoutproblem? Inspeksjon av sidekilden kan avsløre en manglende tag. Svarer ikke en knapp? JavaScript-delen kan inneholde svaret.

Du kan ikke endre koden, teste den eller forhåndsvise endringer slik du kan når du bruker Inspiser-alternativet (DevTools) . Den gir imidlertid en rask titt for å identifisere alt du trenger, enten det er for utdannings-, feilsøkings- eller forskningsformål.

Slik får du tilgang til en nettsides kildekode i Chrome

Det er to metoder for å få tilgang til kildekoden til en nettside i Chrome- og Chromium-nettleserne. Dessuten fungerer bare én metode for høyreklikkbeskyttede sider. La oss komme i gang.

Bruke menyalternativet 'Vis sidekilde'

Dette alternativet er den enkleste måten å gjennomgå en nettsides kildekode og fungerer for alle nettsider.

1. Åpne Google Chrome eller Chromium-nettleseren som Edge eller Brave .
2. Gå til nettsiden eller nettsiden du er interessert i.
3. Høyreklikk på et åpent område, velg Vis sidekilde , eller trykk Ctrl + U (Windows) eller Kommando + U (Mac).
   
4. Kildekoden vil da vises i en ny fane, som ligner et tekstredigeringsoppsett.

Bruke URL-alternativet 'vis-kilde'

1. Start Google Chrome eller en Chromium-nettleser som Edge eller Brave .
2. Gå til nettsiden eller nettsiden du er interessert i.
3. I adressefeltet skriver du inn view-source:[nettsidens URL her] , for eksempel følgende:
   view-source:https://www.alphr.com.
   
4. Kildekoden vil da vises i en ny fane, som ligner et tekstredigeringsoppsett.

Se hvordan du viser HTML-kode i Chrome for en mer detaljert oversikt over tilgang til funksjonen på andre enheter.

Ikke kopier og bruk sidekildeinnhold direkte

Å se på et nettsteds kildekode er en enkel måte å få innsikt i strukturen og innholdet på. Den gir imidlertid ikke mer avansert informasjon, for eksempel feilsøking eller ytelsesanalyse. Videre kan dynamisk innhold generert av JavaScript ikke være synlig i kildekoden.

Det er viktig å huske at hver nettside er unik, og det som fungerer for en, fungerer kanskje ikke for en annen. I tillegg kan du komme over dårlig optimaliserte nettsteder som fungerer som eksempler på hva du ikke bør gjøre.

Vanlige spørsmål

Spørsmål: Er det trygt å endre HTML-, CSS- og Java-kode i Inspiser-alternativet?

A: Du kan gjøre hva du vil i inspeksjonsmodus i Chrome eller en Chromium-nettleser. Det endrer ikke nettstedet på noen måte. Du gjør kun sanntidsredigeringer for forhåndsvisningen av siden til venstre.

Spørsmål: Er ikke alternativet "Se kildekode" bortkastet tid?

A: Nei, ved å se på kildekoden kan utviklere se på de eksisterende HTML-, CSS- og Java-instruksjonene for å finne enkle problemer eller elendig koding i stedet for å grave rundt i et utviklingsverktøy. Det er et hurtigsøk-alternativ, akkurat som en rask forhåndsvisningsfunksjon for PC-filer der den ikke åpner andre programmer. I tillegg kan folk kopiere kodebiter og lime dem inn i et nettstedsutviklerverktøy.