Sådan får du vist HTML-kildekoder på websiden på iPad / iPhone. Ingen app påkrævet.

Er du nysgerrig og ønsker at kigge på kildekoden på ethvert websted på internettet? I så fald er du ikke alene. Et af de hyppigste læserspørgsmål, vi ser, er hvordan man får vist HTML-kildekoder fra ALLE websider på en iPhone (eller en anden iDevice – iPad eller iPod Touch.) Heldigvis har vi en løsning takket være udvikleren Rob Flaherty! Denne artikel beskriver de trin, der kræves for at få vist kildekoden (HTML, CSS, JavaScript osv.) Til enhver webside på dine iDevices, herunder iPad, iPhone eller iPod touch. Og bedst af alt kræves ingen app!

Sådan får du vist HTML-kildekoder på iDevices

8 nemme trin for at se HTML-kildekoder

  1. Tryk på Safari (iPhone, iPod eller iPad), hvis den ikke allerede er åben, og besøg denne side. Denne metode fungerer også for Chrome
  2. Vælg Del-knap (også kendt somHandlingsknap):
  3. Tryk på Bogmærke:
  4. Vælg Navnefelt og tryk på X-ikonet for at rydde det og navngive det "Vis sidekilde" og tryk derefter på "Gem".
  5. Besøg nu denne side og vælg alt og kopier javascript-koden: (kode kredit: Rob Flaherty)
  6. Bekræft, at koden, du kopierer fra Robs websted, ser den samme ud som denne (men kopier fra denne side IKKE nedenfra):
    1. javascript: (funktion () {var a = window.open ('about: blank'). dokument; a.write ('Source of' + location.href + ''); a.close (); var b = a. body.appendChild (a.createElement ('pre')); b.style.overflow = 'auto'; b.style.whiteSpace = 'pre-wrap'; b.appendChild (a.createTextNode (document.documentElement.innerHTML) )}) ();
  7. Tryk på Bogmærker ikon og tryk på Redigere:
  8. Vælg det "Vis sidekilde" -bogmærke, du lige har oprettet i trin 4:
  9. Tryk på adressefeltet, og tryk på X-ikonet for at rydde det, og indsæt derefter javascript-koden, du kopierede i trin # 5; tryk derefter på Udført

Det er det! Nu kan du bruge gå til enhver webside ved hjælp af mobil Safari (og Chrome) på din iDevice (iPhone, iPod eller iPad), tryk på Bogmærker ikonet, tryk derefter på Vis sidekildebogmærke, og et nyt vindue åbnes, der viser kildekoden på websiden. Fantastisk og let!

Slutresultater for at få vist HTML-kildekoder

Og selvfølgelig er der en app til det!

Hvis du ikke kan lide ideen om at gennemgå en række manuelle trin, tilbyder App Store et par apps, der gør arbejdet for dig! Se efter tredjepartsapps som Vis kilde, Kilde til webside, Kildebrowser og lignende apps, der giver dig mulighed for at se HTML-kildekode. Med disse apps får du adgang til al dit yndlingswebs HTML-kildekode, CSS og på nogle apps, ethvert Javascript. Nogle af disse apps tilbyder endda en Safari-udvidelse til iOS-enheder og inkluderer indbygget syntaksfremhævning og søgefunktioner!

Med disse apps er visning af kildekode en glat proces i et trin. Indtast bare en URL og se straks kildekoden bag den. Eller brug appens Safari-udvidelse, og søg på internettet, som du normalt ville. Når du derefter vil se kilden til din aktuelle side, skal du bare trykke på ikonet Handling og vælge Vis kilde. Det er let at kopiere teksten til din pap til brug i andre apps eller endda sende den som en e-mail.

Seneste indlæg