Hur man visar HTML-källan i Google Chrome

Vad du ska veta

• Högerklicka på webbsidan och välj Visa sidans källa .
• Genväg: Tryck Ctrl + I (Windows PC) eller Kommando + Alternativ + I (Mac).
• Om du vill använda Chromes utvecklarverktyg väljer du Meny (tre prickar) > Fler verktyg > Utvecklarverktyg .

Den här artikeln förklarar hur du får åtkomst till en webbplatss HTML-källkod i webbläsaren Google Chrome, samt hur du kommer åt och använder Chromes utvecklarverktyg. Att titta på en webbplatss källkod är ett utmärkt sätt för nybörjare att lära sig HTML.

Visa källkoden i Chrome

Så hur ser du på källkoden för en webbplats? Här är steg-för-steg-instruktionerna för att göra det med webbläsaren Google Chrome.

1. Öppna Google Chrome webbläsare (om du inte har Google Chrome installerat , detta är en gratis nedladdning).

2. Navigera till webbsida som du vill granska .

3. Högerklicka sidan och titta på menyn som visas. Från den menyn, klicka Visa sidans källa .

   

4. Källkoden för den sidan kommer nu att visas som en ny flik i webbläsaren.

5. Alternativt kan du också använda kortkommandon för Ctrl + I på en PC för att öppna ett fönster med en webbplatss källkod visas. På en Mac är den här genvägen Kommando + Alternativ + I .

Hilary Allison / Lifewire

hur man lägger till ett mod till minecraft

Använd Chromes utvecklarverktyg

Förutom det enklaVisa sidans källaförmåga som Google Chrome erbjuder, kan du också dra nytta av deras utmärkta Utvecklarverktyg att gräva ännu djupare in på en webbplats. Dessa verktyg låter dig inte bara se HTML, utan även CSS som gäller för att visa element i det HTML-dokumentet.

Så här använder du Chromes utvecklarverktyg:

1. Öppen Google Chrome .

2. Navigera till webbsidan du vill granska .

3. Välj trepunktsmeny i det övre högra hörnet av webbläsarfönstret.

4. Håll muspekaren över från menyn Fler verktyg och välj sedan Utvecklarverktyg i menyn som visas.

   

5. Ett fönster öppnas som visar HTML-källkoden till vänster i rutan och tillhörande CSS till höger.

6. Alternativt, om du högerklickar ett element på en webbsida och välj Inspektera från menyn som visas kommer Chromes utvecklarverktyg att dyka upp och markera den specifika del du valde i HTML-koden med motsvarande CSS som visas till höger. Det är väldigt användbart om du vill lära dig mer om en viss del av en webbplats.

   hur tar jag bort min sökhistorik i önskeappen

Är det lagligt att titta på källkod?

Under åren har vi fått många nya webbdesigners att ifrågasätta om det är acceptabelt att se en webbplats källkod och använda den för sin utbildning och i slutändan för det arbete de gör. Även om det absolut inte är acceptabelt att kopiera en webbplatss kod i grossistledet och skicka ut den som din egen på en webbplats, är det faktiskt hur många framsteg som görs i den här branschen att använda den koden som en språngbräda att lära av.

Som vi nämnde i början av den här artikeln skulle du få svårt att hitta en fungerande webbproffs idag som inte har lärt sig något genom att titta på en webbplatss källa! Ja, det är lagligt att se en webbplatss källkod. Att använda den koden som en resurs för att bygga något liknande är också säkert. Att ta koden som den är och förmedla den som ditt arbete är där du börjar stöta på problem.

I slutändan lär webbproffs av varandra och förbättrar ofta det arbete de ser och inspireras av, så tveka inte att titta på en webbplatss källkod och använda den som ett läromedel.

överföra Google Authenticator till ny telefon

Mer än bara HTML

En sak att komma ihåg är att källfiler kan vara mycket komplicerade (och ju mer komplex webbplatsen du tittar på är, desto mer komplex kommer webbplatsens kod att vara). Utöver HTML-strukturen som utgör sidan, kommer det också att finnas CSS (cascading style sheets) som dikterar det visuella utseendet på den webbplatsen. Dessutom kommer många webbplatser idag att inkludera skriptfiler tillsammans med HTML.

Det finns sannolikt flera skriptfiler inkluderade; faktiskt, var och en driver olika aspekter av webbplatsen. Uppriktigt sagt kan en webbplatss källkod verka överväldigande, särskilt om du är ny på att göra detta. Bli inte frustrerad om du inte kan ta reda på vad som händer med den sidan omedelbart. Att visa HTML-källan är bara det första steget i denna process. Med lite erfarenhet kommer du att börja förstå bättre hur alla dessa delar passar ihop för att skapa webbplatsen som du ser i din webbläsare. När du blir mer bekant med koden kommer du att kunna lära dig mer av den, och den kommer inte att verka så skrämmande för dig.

• Hur redigerar jag HTML-kod i Chrome?

  Öppna utvecklarverktyg i Chrome genom att trycka på Ctrl (eller Kommando på en Mac) + Shift + I . Därifrån, tryck Ctrl ( Kommando på Mac) + O och välj den sparade källfilen du vill redigera för att öppna den.

• Hur visar jag sidans källkod i Chrome om Visa källa är inaktiverat?

  Om en webbplats har inaktiverat alternativet Visa källa, kanske du fortfarande kan ta en titt under huven. Välj från toppen av webbläsarfönstret Se > Utvecklare > Visa källa , som ska dra upp webbsidans källkod.

• Hur visar jag en webbplatss källkod i Chrome med min Android-enhet?

  Navigera till webbplatsen du vill visa med enhetens Chrome-app och välj sedan webbläsarens adressfält. Flytta textmarkören längst till vänster – framför webbadressen – och skriv visa källa , tryck sedan på Stiga på eller välj Gå .