Oavsett om du försöker utveckla webbutveckling på kort tid eller bara ha ett allmänt intresse av att gräva i kod för att se hur saker fungerar kan det finnas tillfällen när du vill se HTML-källkoden bakom en specifik webbsida.
Det är möjligt att göra detta från både dina iOS-enheter som en iPhone eller iPad och din Mac. I den här tutorialen visar vi dig hur du kan se HTML-källkoden på en webbsida på båda plattformarna.
Så här visar du källkoden för en webbplats på iPhone eller iPad
Om du vill visa en webbsides källkod från din iPhone eller iPad, vill du använda en app för att hjälpa dig. De flesta moderna appar gör den här processen lätt och innehåller användbar syntaxbelysning så att du bättre kan förstå vad du tittar på.
Vi rekommenderar att du använder HTML Viewer Q, som är en gratis nedladdning från App Store. När du har installerat följer du dessa steg för att visa en webbsides källkod:
1) Starta HTML Viewer Q från din startsida.
2) Klicka på Länk -knappen längst upp till höger i appen:
3) Ange den fullständiga URL: en för en webbsida som du vill se källkoden till och tryck sedan på Gå -knappen (vi kommer att använda Amazon för detta exempel).
4) När sidan laddats trycker du på Koda -knappen längst upp till vänster på appen.
Du visar nu källkoden för den webbsida du valt. Du kan trycka på något av siffrorna högst upp i appen för att ändra mellan olika teckensnittsstorlekar: dvs. 9pt, 12pt, 16pt, etc., och du kan också använda Sök-knappen för att söka efter alla nyckelord eller syntax som du kan vara specifikt letar efter.
Med appen kan du också kopiera HTML-koden så att du kan klistra in den i vilken annan app som helst.
Så här visar du en HTML-källkod i Safari på Mac
Om du använder en Mac behöver du verkligen inte tredjepartsprogramvara för att visa en webbs källkod. Du kan använda Safari (eller vilken annan webbläsare du föredrar) för att se källkoden i själva webbläsaren.
Obs! Dessa steg varierar något beroende på webbläsaren du använder.
Del ett: aktivera utvecklarverktygen i Safari
Om du vill se källkoden för en webbsida i Safari måste du först aktivera de dolda utvecklingsverktygen. Gör så här:
1) Starta Safari om den inte redan är öppen.
2) Gå till Safari → Inställningar i menyfältet.
3) Öppna Avancerad -fliken i fönstret Inställningar.
4) Sätt en bock i Visa Utvecklingsmeny i menyraden om det inte redan är markerat.
Nu när rätt verktyg är aktiverade är du redo att gå vidare till nästa avsnitt för att visa en webbs källkod.
Del två: visa en webbsides källkod i Safari
Följ de här stegen för att se en webbs källkod efter att utvecklingsverktygen är aktiverade:
1) Starta Safari om den inte redan är öppen.
2) Ladda webbsidan du vill se källkoden till (vi kommer att använda Amazon för detta exempel).
3) Gå till Utveckla → Visa sidkälla i menyraden (eller högerklicka på sidan och välj Visa sidkälla).
4) Källkoden visas nu i ett fönster längst ner i Safari-appen:
Du kan använda sökfältet för att hitta specifika nyckelord eller syntax om du vill, eller du kan ändra storlek på utvecklingsfönstret genom att klicka och dra en kant precis som du skulle göra om en app på din Mac.
Avslutar
Denna funktion ger Nyfiken Georges där ute med möjligheten att se vad som gör att en webbsida kryssar, men det är också ett ovärderligt verktyg för webbutvecklare, nybörjare eller erfarna, som vill ha en bättre förståelse för koden bakom en webbsida, eller helt enkelt vill felsöka sin egen webbplats.
Läs också:
- Så här visar du källkoden på en webbsida i Safari
- Problem med att ladda webbsidor i Safari? Prova detta…
Om du tyckte att denna tutorial var användbar, släpp oss en kommentar nedan!
