Google Chrome: Hva er View Page Source?

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.

Google Chrome: Hva er View Page Source?

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).
    Google Chrome: Hva er View Page Source?
  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.
    Google Chrome: Hva er View Page Source?
  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.


Slik løser du Bluetooth-problemer på Windows 10

Slik løser du Bluetooth-problemer på Windows 10

Bluetooth lar deg koble Windows 10-enheter og tilbehør til PC-en din uten behov for ledninger. Her er ulike teknikker for å løse Bluetooth-problemer.

Slik sletter du Bing-søkeloggen og Microsoft Edge-loggen og tar kontroll over personvernet ditt

Slik sletter du Bing-søkeloggen og Microsoft Edge-loggen og tar kontroll over personvernet ditt

Lær deg å ta kontroll over personvernet ditt ved å tømme Bing-søkeloggen og Microsoft Edge-loggen med enkle trinn.

10+ beste samarbeidsprogramvare for små bedrifter

10+ beste samarbeidsprogramvare for små bedrifter

Oppdag den beste samarbeidsprogramvaren for små bedrifter. Finn verktøy som kan forbedre kommunikasjon og produktivitet i teamet ditt.

Hvordan holde Teams status aktiv / grønn / online / tilgjengelig?

Hvordan holde Teams status aktiv / grønn / online / tilgjengelig?

Lær hvordan du holder statusen din aktiv i Microsoft Teams. Følg våre trinn for å sikre at du alltid er tilgjengelig for kolleger og kunder.

Den beste prosjektledelsesprogramvaren for småbedrifter

Den beste prosjektledelsesprogramvaren for småbedrifter

Oppdag den beste prosjektledelsesprogramvaren for småbedrifter som kan hjelpe deg med å organisere prosjekter og oppgaver effektivt.

Hvordan gjenopprette siste økt i Microsoft Edge Chrome, Firefox, Internet Explorer

Hvordan gjenopprette siste økt i Microsoft Edge Chrome, Firefox, Internet Explorer

Gjenopprett siste økt enkelt i Microsoft Edge, Google Chrome, Mozilla Firefox og Internet Explorer. Dette trikset er nyttig når du ved et uhell lukker en hvilken som helst fane i nettleseren.

Fire forskjellige måter å slette duplikater i Google Photos

Fire forskjellige måter å slette duplikater i Google Photos

Hvis du har mange duplikater klumpet på Google Photos eller ønsker å eliminere duplikatbilder, så sjekk ut de mange måtene å slette duplikater i Google Photos.

Slik fikser du at Nintendo Switch ikke slår seg på

Slik fikser du at Nintendo Switch ikke slår seg på

Hvordan fikse at Nintendo Switch ikke slår seg på? Her er 4 enkle løsninger for å fikse at Nintendo Switch ikke slår seg på.

Slik tilbakestiller du Gmail-passordet

Slik tilbakestiller du Gmail-passordet

Lær hvordan du tilbakestiller Gmail-passordet ditt enkelt og sikkert. Endre passordet regelmessig for å beskytte kontoen din.

Slik konfigurerer du doble skjermer på Windows 10

Slik konfigurerer du doble skjermer på Windows 10

Lær hvordan du konfigurerer flere skjermer på Windows 10 med denne bloggen. Det være seg to eller tre eller flere skjermer, du kan enkelt sette opp skjermer for spilling eller koding.