Of je nu bezig bent met kleine webontwikkeling of gewoon van algemeen belang bent om in code rond te graven om te zien hoe dingen werken, er kunnen momenten zijn dat je de HTML-broncode achter een specifieke webpagina wilt zien.
Het is mogelijk om dit te doen vanaf zowel uw iOS-apparaten zoals een iPhone of iPad, als uw Mac. In deze zelfstudie laten we u zien hoe u de HTML-broncode van een webpagina op beide platforms kunt bekijken.
Hoe de broncode van een website op iPhone of iPad te bekijken
Als u de broncode van een webpagina van uw iPhone of iPad wilt bekijken, wilt u een app gebruiken om u te helpen. De meeste moderne apps maken dit proces eenvoudig en bevatten nuttige syntaxisaccentuering zodat u beter kunt begrijpen waar u naar kijkt.
We raden aan HTML Viewer Q te gebruiken. Dit is een gratis download van de App Store. Na installatie volgt u deze stappen om de broncode van een webpagina te bekijken:
1) Start HTML Viewer Q vanuit uw startscherm.
2) Tik op de Koppeling knop rechtsboven in de app:
3) Voer de volledige URL in van een webpagina waarvan u de broncode wilt zien en tik vervolgens op Gaan knop (we gebruiken Amazon voor dit voorbeeld).
4) Zodra de pagina is geladen, tikt u op Code knop linksboven in de app.
U bekijkt nu de broncode van de webpagina die u hebt geselecteerd. U kunt op een van de cijfers bovenaan de app tikken om te schakelen tussen verschillende lettergroottes: 9pt, 12pt, 16pt, enz., En u kunt ook de knop Zoeken gebruiken om naar trefwoorden of syntaxis te zoeken die u mogelijk specifiek vindt zoeken naar.
Met de app kunt u ook de HTML-code kopiëren, zodat u deze in een andere app kunt plakken.
Hoe een HTML-broncode van een pagina in Safari op Mac te bekijken
Als u een Mac gebruikt, hebt u echt geen software van derden nodig om de broncode van een webpagina te bekijken. U kunt Safari (of een andere webbrowser van uw voorkeur) gebruiken om de broncode in de browser zelf te bekijken.
Opmerking: deze stappen kunnen enigszins variëren, afhankelijk van de webbrowser die u gebruikt.
Deel één: het inschakelen van de ontwikkeltools in Safari
Als u de broncode van een webpagina in Safari wilt bekijken, moet u eerst de verborgen ontwikkeltools inschakelen. Volg hiervoor deze stappen:
1) Start Safari als het nog niet is geopend.
2) Ga naar Safari → Voorkeuren in de menubalk.
3) Open de Geavanceerd tabblad in het venster Voorkeuren.
4) Plaats een vinkje in de Menu Ontwikkelen weergeven in menubalk vakje aan als dit nog niet is aangevinkt.
Nu de juiste hulpmiddelen zijn ingeschakeld, kunt u doorgaan naar het volgende gedeelte om de broncode van een webpagina te bekijken.
Deel twee: de broncode van een webpagina bekijken in Safari
Ga als volgt te werk om de broncode van een webpagina te bekijken nadat de ontwikkeltools zijn ingeschakeld:
1) Start Safari als het nog niet is geopend.
2) Laad de webpagina waarvan u de broncode wilt zien (we zullen Amazon gebruiken voor dit voorbeeld).
3) Ga naar Ontwikkelen → Paginabron tonen in de menubalk (of klik met de rechtermuisknop op de pagina en selecteer Paginabron weergeven).
4) De broncode verschijnt nu in een venster onderaan de Safari-app:
Je kunt de zoekbalk gebruiken om desgewenst specifieke zoekwoorden of syntaxis te vinden, of je kunt het ontwikkelvenster vergroten of verkleinen door een rand te slepen en slepen net zoals je een app op je Mac zou moeten vergroten of verkleinen.
Afsluiten
Deze functie geeft de nieuwsgierige Georges de mogelijkheid om te zien wat een webpagina aankruist, maar dit is ook een waardevol hulpmiddel voor webontwikkelaars, beginnende of ervaren, die een beter begrip willen voor de code achter een webpagina, of gewoon willen problemen met hun eigen site oplossen.
Lees ook:
- Hoe de broncode van een webpagina in Safari te bekijken
- Problemen met het laden van webpagina's in Safari? Probeer dit…
Als je deze tutorial nuttig vond, stuur ons dan een reactie hieronder!
