Deze zelfstudie is alleen bedoeld voor gebruikers van de Opera-browser op Windows- of Mac-besturingssystemen. Als u de paginabron in andere browsers wilt bekijken, vindt u hier informatie over hoe u de broncode van een webpagina in elke browser kunt bekijken.
Er zijn vele redenen om de broncode van een webpagina te willen bekijken, variërend van het debuggen van een probleem met uw eigen site tot gewoon nieuwsgierigheid. Wat uw motief ook is, de Opera-browser maakt het gemakkelijk om deze taak te volbrengen. U kunt ervoor kiezen om deze bron in de meest eenvoudige vorm te bekijken op een browsertabblad of een diepere duik te nemen met de geïntegreerde ontwikkelaarstools van Opera. Deze tutorial laat zien hoe je beide kunt doen. Open eerst je Opera-browser
Windows-gebruikers
Klik op de Opera menuknop, te vinden in de linkerbovenhoek van uw browservenster. Wanneer het vervolgkeuzemenu wordt weergegeven, plaatst u de muisaanwijzer op de Meer tools keuze. Er zou nu een submenu moeten verschijnen. Klik op Toon developer-menu zodat links van deze optie een vinkje wordt geplaatst.
Keer terug naar het hoofdmenu van Opera. U ziet nu een nieuwe optie direct onder Meer tools geëtiketteerd Ontwikkelaar . Beweeg uw muiscursor over deze optie totdat een submenu verschijnt. Klik vervolgens op Bekijk paginabron . De broncode voor de actieve webpagina wordt nu weergegeven op een nieuw browsertabblad. U kunt ook de volgende sneltoets gebruiken om dit punt te bereiken: CTRL + U
Als u meer gedetailleerde informatie over de actieve pagina en de bijbehorende code wilt weergeven, selecteert u de Ontwikkelaarstools optie van de Ontwikkelaar submenu of gebruik de volgende sneltoets: CTRL + SHIFT + I
Mac OS X en macOS Sierra-gebruikers
Klik op Uitzicht in je Opera-menu, bovenaan het scherm. Wanneer het vervolgkeuzemenu verschijnt, selecteert u Toon Developer Menu . Een nieuwe optie zou nu moeten worden toegevoegd aan uw gelabelde Opera-menu Ontwikkelaar . Klik hierna op deze optie en selecteer in het vervolgkeuzemenu Bekijk bron . U kunt ook de volgende sneltoets gebruiken om deze actie uit te voeren: Command + U
Er zou nu een nieuw tabblad zichtbaar moeten zijn dat de broncode van de huidige pagina toont. Als u deze zelfde pagina wilt analyseren met de toolset van Opera dev, klikt u eerst op Ontwikkelaar in het browsermenu bovenaan je scherm. Wanneer het vervolgkeuzemenu verschijnt, selecteert u de Ontwikkelaarstools keuze.
