Hvad skal man vide
- Højreklik på websiden og vælg Vis kildetekst .
- Genvej: Tryk Ctrl + I (Windows PC) eller Kommando + Mulighed + I (Mac).
- For at bruge Chromes udviklerværktøjer skal du vælge Menu (tre prikker) > Flere værktøjer > Udvikler værktøjer .
Denne artikel forklarer, hvordan du får adgang til et websteds HTML-kildekode i Google Chrome-webbrowseren, samt hvordan du får adgang til og bruger Chromes udviklerværktøjer. At se et websteds kildekode er en glimrende måde for begyndere at lære HTML.
Se kildekoden i Chrome
Så hvordan ser du kildekoden på et websted? Her er trin-for-trin instruktionerne til at gøre det ved hjælp af Google Chrome-browseren.
-
Åbn Google Chrome webbrowser (hvis du ikke har Google Chrome installeret , dette er en gratis download).
-
Naviger til webside, du gerne vil undersøge .
-
Højreklik siden og se på menuen, der vises. Fra den menu skal du klikke Vis kildetekst .
-
Kildekoden til den side vises nu som en ny fane i browseren.
-
Alternativt kan du også bruge tastaturgenvejene til Ctrl + I på en pc for at åbne et vindue med et websteds kildekode vist. På en Mac er denne genvej Kommando + Mulighed + I .
Hilary Allison / Lifewire
hvordan man installerer et optisk drev
Brug Chromes udviklerværktøjer
Ud over det simpleVis kildetekstevne, som Google Chrome tilbyder, kan du også drage fordel af deres fremragende Udvikler værktøjer at grave endnu dybere ned i et websted. Disse værktøjer giver dig mulighed for ikke kun at se HTML, men også CSS, der gælder for at se elementer i det HTML-dokument.
Sådan bruger du Chromes udviklerværktøjer:
-
Åben Google Chrome .
-
Naviger til den webside, du gerne vil undersøge .
-
Vælg menu med tre prikker i øverste højre hjørne af browservinduet.
-
Hold markøren over i menuen Flere værktøjer og vælg derefter Udvikler værktøjer i menuen, der vises.
-
Et vindue åbnes, der viser HTML-kildekoden til venstre i ruden og den relaterede CSS til højre.
-
Alternativt, hvis du højreklikker et element på en webside og vælg Inspicere fra menuen, der vises, vil Chromes udviklerværktøjer dukke op og fremhæve den specifikke del, du valgte i HTML'en med den tilsvarende CSS vist til højre. Det er super nyttigt, hvis du vil lære mere om et bestemt stykke af et websted.
hvordan man deler andres instagramhistorie om din historie
Er det lovligt at se kildekode?
Gennem årene har vi fået mange nye webdesignere til at stille spørgsmålstegn ved, om det er acceptabelt at se et websteds kildekode og bruge det til deres uddannelse og i sidste ende til det arbejde, de udfører. Selvom det bestemt ikke er acceptabelt at kopiere et websteds kode engros og videregive det som din egen på et websted, er det faktisk, hvor mange fremskridt der er gjort i denne branche, at bruge denne kode som et springbræt til at lære af.
hvordan man opdrætter landsbyboere i minecraft
Som vi nævnte i starten af denne artikel, ville du være hårdt presset for at finde en fungerende webprofessionel i dag, som ikke har lært noget ved at se et websteds kilde! Ja, det er lovligt at se et websteds kildekode. Det er også sikkert at bruge den kode som en ressource til at bygge noget lignende. At tage koden som den er og videregive den som dit arbejde er dér, hvor du begynder at støde på problemer.
I sidste ende lærer webprofessionelle af hinanden og forbedrer ofte det arbejde, de ser og er inspireret af, så tøv ikke med at se et websteds kildekode og bruge det som et læringsværktøj.
Mere end bare HTML
En ting at huske er, at kildefiler kan være meget komplicerede (og jo mere kompleks webstedet, du ser på, er, jo mere kompleks er webstedets kode sandsynligvis). Ud over HTML-strukturen, der udgør siden, vil der også være CSS (cascading style sheets), der dikterer det visuelle udseende af det pågældende websted. Derudover vil mange websteder i dag inkludere scriptfiler inkluderet sammen med HTML.
Der er sandsynligvis flere scriptfiler inkluderet; faktisk hver enkelt driver forskellige aspekter af webstedet. Helt ærligt kan et websteds kildekode virke overvældende, især hvis du er ny til at gøre dette. Bliv ikke frustreret, hvis du ikke kan finde ud af, hvad der sker med det websted med det samme. Visning af HTML-kilden er kun det første trin i denne proces. Med lidt erfaring vil du begynde at forstå bedre, hvordan alle disse dele passer sammen for at skabe den hjemmeside, du ser i din browser. Efterhånden som du bliver mere fortrolig med koden, vil du kunne lære mere af den, og den vil ikke virke så skræmmende for dig.
FAQ- Hvordan redigerer jeg HTML-kode i Chrome?
Åbn udviklerværktøjer i Chrome ved at trykke på Ctrl (eller Kommando på en Mac) + Shift + I . Tryk derfra Ctrl ( Kommando på Mac) + O og vælg den gemte kildefil, du vil redigere, for at åbne den.
- Hvordan får jeg vist sidekildekode i Chrome, hvis Vis kilde er deaktiveret?
Hvis et websted har deaktiveret indstillingen Vis kilde, kan du muligvis stadig tage et kig under motorhjelmen. Fra toppen af browservinduet skal du vælge Udsigt > Udvikler > Se kilde , som skal trække websidens kildekode op.
- Hvordan får jeg vist et websteds kildekode i Chrome ved hjælp af min Android-enhed?
Naviger til det websted, du vil se, ved hjælp af din enheds Chrome-app, og vælg derefter browserens adresselinje. Flyt tekstmarkøren helt til venstre – foran URL’en – og skriv se kilde , og tryk derefter på Gå ind eller vælg Gå .