![sjabloonpagina](/f/ac17956bb7f1355f00584a69931259c7.jpg)
Op frames gebaseerde websites geven vaak hun framesetlay-out weer in plaats van de inhoud.
Afbeelding tegoed: vetkit/iStock/Getty Images
De onderliggende HTML-code die wordt gebruikt om een website te bouwen, is niet verborgen, maar gemakkelijk toegankelijk voor iedereen met de juiste tools. Webbrowsers zoals Firefox, Chrome, Safari, Opera en Internet Explorer hebben bijvoorbeeld meerdere manieren waarop u de HTML-, CSS- of JavaScript-code van een website rechtstreeks kunt bekijken. Bovendien kunnen sommige speciale hulpprogramma's voor webontwikkelaars een webpagina van internet laden en openen zoals een bestand dat op een lokale schijf is opgeslagen.
Bron in browser bekijken
De stappen die nodig zijn om de HTML-code van een website te zien, zijn in wezen hetzelfde voor Firefox, Chrome, Safari, Opera en Internet Explorer. Klik met de rechtermuisknop op een gedeelte van een webpagina dat alleen tekst bevat en selecteer vervolgens de optie "Bron weergeven" of "Paginabron weergeven". Afhankelijk van uw browserconfiguratie wordt de HTML-code geopend in een nieuw browsertabblad of in een apart toepassingsvenster.
Video van de dag
Broncode opslaan op schijf
Als u de code van een website later moet bekijken of bewerken, kunt u de pagina op uw harde schijf opslaan. Wanneer u met de rechtermuisknop op een webpagina in Firefox of Safari klikt, krijgt u de optie "Pagina opslaan als" aangeboden. Chrome en Opera hebben de optie "Opslaan als". Als u een webpagina wilt opslaan met Internet Explorer, klikt u op 'Extra', 'Bestand' en vervolgens op 'Opslaan als'. Naast de webpagina zelf slaat de browser alle afbeeldingen, CSS-bestanden en JavaScript op die de pagina gebruikt en die lokaal op zijn web zijn opgeslagen server.
Firefox, Chrome, Opera en Internet Explorer bieden elk een ontwikkelaarsmodus waarmee u tegelijkertijd een weergegeven webpagina en de bijbehorende HTML-, CSS- en JavaScript-code kunt bekijken. Als u op een element op het web klikt, verschijnt de code ervan in het weergavevenster van de ontwikkelaar. Het ontwikkelaarspaneel is toegankelijk via de opties of de configuratietool. Hoewel Safari geen native ontwikkelaarstool heeft, kunt u er een als extensie installeren.
Applicaties voor webontwikkelaars
Met hulpprogramma's voor websiteontwerp zoals Dreamweaver, Kompozer en Microsoft Expressions kunt u een online webpagina openen met behulp van de URL. U bekijkt de HTML-code in een broncodeweergave of een split-, preview- en bronweergave. Bovendien kunt u de code bewerken en de wijzigingen in realtime bekijken. De daadwerkelijke code die op de server van de website is opgeslagen, wordt nooit gewijzigd.
Problemen die u kunt tegenkomen
Bedoeld of onopzettelijk geven sommige websites hun HTML-code niet zomaar op. Sommige sites gebruiken bijvoorbeeld JavaScript-code, die rechtsklikken blokkeert. U kunt de broncode nog steeds bekijken door de pagina naar uw schijf te downloaden of door JavaScript in uw browser uit te schakelen. Andere sites gebruiken HTML-frames of iframes, waardoor u geen rechtstreekse toegang hebt tot hun bron. Firefox, Chrome, Safari en Opera detecteren op frames gebaseerde websites en bieden u automatisch de mogelijkheid om de broncode van een frame te bekijken. Als een webpagina een JavaScript- of CSS-bestand gebruikt dat op een ander domein is opgeslagen, kunt u de code van dat bestand rechtstreeks bekijken door: de URL kopiëren van de HTML-code waartoe u toegang hebt en deze vervolgens in de adresbalk van een nieuw browsertabblad plakken.