Hoe HTML-broncodes van webpagina's op iPad / iPhone te bekijken. Geen app nodig.

Ben je web-nieuwsgierig en wil je een kijkje nemen in de broncode van een website op internet? Als dat zo is, bent u niet de enige. Een van de meest voorkomende lezersvragen die we zien, is hoe HTML-broncodes van ELKE webpagina op een iPhone (of een ander iDevice-iPad of iPod Touch.) Gelukkig hebben we een oplossing dankzij ontwikkelaar Rob Vlammend! Dit artikel beschrijft de stappen die nodig zijn om de broncode (HTML, CSS, JavaScript, enz.) te bekijken voor elke webpagina op uw iDevices, inclusief iPad, iPhone of iPod touch. En het beste van alles, geen app nodig!

• Hoe HTML-broncode in Safari te bekijken

Hoe HTML-broncodes op iDevices te bekijken

8 eenvoudige stappen om HTML-broncodes te bekijken

1. Tik op Safari (iPhone, iPod of iPad), als deze nog niet is geopend, en bezoek deze pagina. Deze methode werkt ook voor Chrome
2. Selecteer de Delen-knop (ook bekend als de Actieknop):
3. Tik Bladwijzer:
4. Kies de Naam veld en druk op het X-pictogram om het te wissen en noem het "Paginabron weergeven" en tik vervolgens op "Opslaan".
5. nutsvoorzieningen bezoek deze pagina en selecteer alles en kopieer de javascript-code: (code tegoed: Rob Flaherty)
6. Bevestig dat de code die u kopieert van Rob's site er hetzelfde uitziet (maar kopieer van deze pagina NIET van onderaf):
   1. javascript:(function(){var a=window.open('about: blank').document; a.schrijf(‘');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. Druk op Bladwijzers icoon en tik op Bewerking:
8. Selecteer de bladwijzer "Paginabron weergeven" die u zojuist in stap #4 hebt gemaakt:
9. Tik op het adresveld en druk op het X-pictogram om het te wissen, plak vervolgens de javascript-code die u in stap # 5 hebt gekopieerd; tik vervolgens op Gereed

Dat is het! Nu kunt u naar elke webpagina gaan met behulp van mobiele Safari (en Chrome) op uw iDevice (iPhone, iPod of iPad), tikt u op de Bladwijzers tik vervolgens op de bladwijzer Paginabron weergeven en er wordt een nieuw venster geopend met de broncode van de webpagina. Geweldig en gemakkelijk!

Eindresultaten om HTML-broncodes te bekijken

En natuurlijk is daar een app voor!

Als je niet van het idee houdt om een ​​heleboel handmatige stappen te doorlopen, biedt de App Store een paar apps die het werk voor je doen! Zoek naar apps van derden zoals View Source, Source for Webpage, Source Browser en vergelijkbare apps waarmee u HTML-broncode kunt bekijken. Met deze apps krijgt u toegang tot alle HTML-broncode, CSS en bij sommige apps alle Javascript van uw favoriete site. Sommige van deze apps bieden zelfs een Safari-extensie voor iOS-apparaten en bevatten ingebouwde syntaxisaccentuering en zoekfuncties!

Met deze apps is het bekijken van de broncode een soepel proces in één stap. Voer gewoon een URL in en zie meteen de broncode erachter. Of gebruik de Safari-extensie van de app en surf op internet zoals u gewend bent. Als u vervolgens de bron voor uw huidige pagina wilt bekijken, hoeft u alleen maar op het actiepictogram te tikken en Bron weergeven te kiezen. U kunt de tekst gemakkelijk naar uw plakbord kopiëren voor gebruik in andere apps of zelfs als e-mail verzenden.