De broncode van een webpagina bekijken

Bijdragen van wikiHow-redactie

In dit artikel lees je hoe je de broncode van een website kunt bekijken, oftewel de code achter een website (bijvoorbeeld HTML, CSS of JavaScript), in de meeste webbrowsers. Behalve met een bepaald trucje in Safari, kun je de broncode van een website niet vanuit een mobiele browser bekijken, dan wil zeggen vanaf bijvoorbeeld je tablet of smartphone.

Methode 1

Methode 1 van 3:

Chrome, Firefox, Edge en Internet Explorer

Pdf downloaden

{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/a\/a4\/View-Source-Code-Step-1-Version-6.jpg\/v4-460px-View-Source-Code-Step-1-Version-6.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/a\/a4\/View-Source-Code-Step-1-Version-6.jpg\/v4-728px-View-Source-Code-Step-1-Version-6.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

Het proces dat je moet volgen om je broncode te kunnen bekijken is hetzelfde binnen Chrome, Firefox, Microsoft Edge en Internet Explorer.
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/1\/11\/View-Source-Code-Step-2-Version-6.jpg\/v4-460px-View-Source-Code-Step-2-Version-6.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/1\/11\/View-Source-Code-Step-2-Version-6.jpg\/v4-728px-View-Source-Code-Step-2-Version-6.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

Dit moet een website zijn waarvan je de broncode wilt bekijken.
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/6\/6f\/View-Source-Code-Step-3-Version-6.jpg\/v4-460px-View-Source-Code-Step-3-Version-6.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/6\/6f\/View-Source-Code-Step-3-Version-6.jpg\/v4-728px-View-Source-Code-Step-3-Version-6.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

3
Klik met de rechtermuisknop op de pagina. Als je op een Mac werkt en je muis maar één knop heeft, kun je in plaats daarvan op de toets Control klikken en hem ingedrukt houden. Op een laptop met touchpad kun je met twee vingers op de pagina klikken. Er verschijnt dan een uitklapmenu.
- Klik terwijl je dit doet niet met de rechtermuisknop op een link of op een foto, anders krijg je het verkeerde menu te zien.
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/4\/49\/View-Source-Code-Step-4-Version-6.jpg\/v4-460px-View-Source-Code-Step-4-Version-6.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/4\/49\/View-Source-Code-Step-4-Version-6.jpg\/v4-728px-View-Source-Code-Step-4-Version-6.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

4
Klik op Broncode website bekijken of op Broncode bekijken . Je krijgt dan de broncode van je browser te zien in een nieuw venster, of in het huidige venster.
- In Chrome of Firefox zul je Broncode website bekijken zien, en in Microsoft Edge en Internet Explorer Broncode bekijken .
- Je kunt ook op Ctrl + U drukken (op een pc) of op ⌥ Option + ⌘ Command + U (op een Mac) om de broncode te bekijken.
Advertentie

Methode 2

Methode 2 van 3:

Safari

Pdf downloaden

{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/3\/3d\/View-Source-Code-Step-5-Version-5.jpg\/v4-460px-View-Source-Code-Step-5-Version-5.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/3\/3d\/View-Source-Code-Step-5-Version-5.jpg\/v4-728px-View-Source-Code-Step-5-Version-5.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

Klik hiervoor op het blauwe icoontje in de vorm van een kompas.
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/5\/57\/View-Source-Code-Step-6-Version-5.jpg\/v4-460px-View-Source-Code-Step-6-Version-5.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/5\/57\/View-Source-Code-Step-6-Version-5.jpg\/v4-728px-View-Source-Code-Step-6-Version-5.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

Je vindt deze optie linksboven in de menubalk van je Mac. Er verschijnt dan een uitklapmenu.
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/8\/8a\/View-Source-Code-Step-7-Version-5.jpg\/v4-460px-View-Source-Code-Step-7-Version-5.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/8\/8a\/View-Source-Code-Step-7-Version-5.jpg\/v4-728px-View-Source-Code-Step-7-Version-5.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

Deze optie staat in het midden van het uitklapmenu.
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/e\/ed\/View-Source-Code-Step-8-Version-5.jpg\/v4-460px-View-Source-Code-Step-8-Version-5.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/e\/ed\/View-Source-Code-Step-8-Version-5.jpg\/v4-728px-View-Source-Code-Step-8-Version-5.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

Deze optie staat rechtsboven in de hoek van het voorkeurenvenster.
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/f\/f3\/View-Source-Code-Step-9-Version-5.jpg\/v4-460px-View-Source-Code-Step-9-Version-5.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/f\/f3\/View-Source-Code-Step-9-Version-5.jpg\/v4-728px-View-Source-Code-Step-9-Version-5.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

Deze optie staat bijna helemaal onderaan op het voorkeurenvenster. Als het goed is zie je dan een menu getiteld Ontwikkelen in de menubalk van je Mac.
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/5\/50\/View-Source-Code-Step-10-Version-5.jpg\/v4-460px-View-Source-Code-Step-10-Version-5.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/5\/50\/View-Source-Code-Step-10-Version-5.jpg\/v4-728px-View-Source-Code-Step-10-Version-5.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

Dit moet een website zijn waarvan je de broncode wilt bekijken.
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/e\/ec\/View-Source-Code-Step-11-Version-5.jpg\/v4-460px-View-Source-Code-Step-11-Version-5.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/e\/ec\/View-Source-Code-Step-11-Version-5.jpg\/v4-728px-View-Source-Code-Step-11-Version-5.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

Dit menu staat links van het menu met de titel Venster in de menubalk van je Mac.
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/0\/0d\/View-Source-Code-Step-12-Version-5.jpg\/v4-460px-View-Source-Code-Step-12-Version-5.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/0\/0d\/View-Source-Code-Step-12-Version-5.jpg\/v4-728px-View-Source-Code-Step-12-Version-5.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

8
Klik op Broncode website bekijken . Het is een van de laatste opties in het uitklapmenu. Door erop te klikken geef je Safari de opdracht om de broncode van de website weer te geven.
- Je kunt ook de toetsen ⌥ Option + ⌘ Command + U indrukken om de broncode weer te geven.
Advertentie

Methode 3

Methode 3 van 3:

Op wikipagina's

Pdf downloaden

{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/8\/80\/View-Source-Code-Step-13-Version-4.jpg\/v4-460px-View-Source-Code-Step-13-Version-4.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/8\/80\/View-Source-Code-Step-13-Version-4.jpg\/v4-728px-View-Source-Code-Step-13-Version-4.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/a\/aa\/View-Source-Code-Step-14-Version-5.jpg\/v4-460px-View-Source-Code-Step-14-Version-5.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/a\/aa\/View-Source-Code-Step-14-Version-5.jpg\/v4-728px-View-Source-Code-Step-14-Version-5.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/e\/e1\/View-Source-Code-Step-15-Version-5.jpg\/v4-460px-View-Source-Code-Step-15-Version-5.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/e\/e1\/View-Source-Code-Step-15-Version-5.jpg\/v4-728px-View-Source-Code-Step-15-Version-5.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

Advertentie

Tips

In een mobiele browser kun je meestal geen broncodes bekijken, maar je kunt wel een bladwijzer van Safari opslaan op een iPhone of een iPad om een broncode in Safari op een smartphone, tablet of ander mobiel apparaat te kunnen bekijken.

Advertentie

Waarschuwingen

Pas op met het downloaden van applicaties van derden die beweren dat ze de broncode van een website weergeven.

Advertentie

Aanmelden

De broncode van een webpagina bekijken

Stappen

Chrome, Firefox, Edge en Internet Explorer

Safari

Op wikipagina's

Tips

Waarschuwingen

Gerelateerde artikelen

Over dit artikel

Was dit artikel nuttig?

Gerelateerde artikelen

Meld je aan voor de gratis nieuwsbrief van wikiHow!

Volg ons

Delen

Explore Categories