Hvordan viser kildekoden i Chrome? (2 metoder) [MiniTool News]

How View Source Code Chrome

Prøv Instrumentet Vårt For Å Eliminere Problemer

Velg Operativsystemet Velg Et Projeksjonsprogram (Valgfritt)

Beskriv Problemet Ditt

Sammendrag:

Å vise sidekilde i Chrome er en god måte å få noen nyttige designideer for websider. I dette innlegget fra MiniTool-programvare , vil vi hovedsakelig snakke om hvordan du viser kildekoden i Chrome på to forskjellige måter. Vi håper det er nyttig for deg.

Å vise sidekilde er en god metode for å utvikle webdesignnivået ditt hvis du er medlem av nettbransjen. Du kan få ferdigheter fra en utmerket webside. Selv om du ikke er webdesigner, kan du også se sidekilde for å få litt informasjon du ikke kan se på websiden, hvis du er interessert i sidekilden.

Så hvordan viser du sidekilde? Du kan stille dette spørsmålet. Google Chrome er den mest brukte nettleseren over hele verden. I dette innlegget vil vi vise deg hvordan du viser kildekrom.

Tips og triks for Google Chrome for vinn: Nyttig og praktisk

I dette innlegget vil vi vise deg noen nyttige og praktiske Google Chrome-tips og triks som du kan gjøre arbeidet ditt mye raskere med.

Les mer

Hvordan vise kildekoden i Chrome

Det er veldig enkelt å åpne og vise sidekilde i Chrome. Her er guiden:

1. Åpne websiden du vil vise sidekilde ved hjelp av Google Chrome.

2. Høyreklikk på siden (ikke klikk på en lenke), og det vil være en popup-meny.

3. Velg Vis sidekilde fra menyen. Her kan du se at det er en snarvei for Vis sidekilde: Ctrl + U . Dette betyr at når du har åpnet målwebsiden, kan du trykke på Ctrl nøkkelen og U nøkkel samtidig for å åpne og vise kilden Chrome. Mens du bruker en Mac-datamaskin, må du trykke på Kommando + Alternativ + U for å åpne og vise sidekilde i Chrome.

klikk på Vis sidekilde fra kontekstmenyen i Chrome

4. En ny fane dukker opp med kildekoden for den nettsiden.

kildekodeside

Dette er kildekodene du vil se i Google Chrome.

hurtigtaster for miniatyrbildet for alle nettlesere

Tastatursnarveier for nettlesere du bør vite

Ved å bruke hurtigtaster for nettlesere kan du spare mye tid for deg. Vi vil vise deg noen vanlige hurtigtaster for nettlesere i dette innlegget.

Les mer

Avansert: Utviklerverktøy

For å grave mer informasjon om kildekoden til websiden i Chrome, kan du også bruke utviklerverktøyene i Chrome. Disse verktøyene lar deg se elementer, konsoll, kilder, nettverk og mer informasjon på den nettsiden.

Her er ting du bør gjøre:

1. Åpne målwebsiden ved hjelp av Chrome.

2. Klikk på de tre punktmenyen øverst til høyre i grensesnittet.

3. Gå til Flere verktøy> Utviklerverktøy .

Klikk på Utviklerverktøy

4. Et nytt vindu vil dukke opp fra venstre side av websiden der du kan se mer informasjon på websiden. Du kan klikke på den øverste menylinjen for å bytte mellom disse alternativene.

åpnet Utvikle verktøy

I Element-delen, når du flytter markøren på CSS, kan utviklerverktøyene utheve seleksjonselementet på den tilsvarende HTML-siden. Dette designet er spesielt nyttig når du ønsker å få informasjonen på et bestemt stykke av en utformet webside.

Er det lovlig å vise sidekilde i Chrome?

Når du leser her, kan du stille dette spørsmålet: er det lovlig å se sidekilde i Google Chrome? Tross alt er disse kildene koder fra andre.

Vi tror at mange webdesignere har gjort disse tingene. Det er lovlig å vise sidekilde i Chrome. Å bruke disse kodene til å lage en lignende side er også OK. Men det er ikke lovlig å holde kodene intakte i arbeidet ditt. Du kan bruke dem som referanse, men du kan ikke plagiere.