Hoe de HTML-broncode van een webpagina te bekijken

elke belangrijke internetbrowser stelt gebruikers in staat om de HTML-broncode van elke webpagina die ze bezoeken te bekijken. De volgende secties bevatten informatie over de verschillende manieren om de broncode in elk van de belangrijkste browsers te bekijken. Om verder te gaan, kiest u een item uit de onderstaande lijst en volgt u de instructies.

inleidende informatie

bij het bekijken van de broncode van een webpagina, zullen de door de server verwerkte informatie en code niet verschijnen., Een zoekmachine verwerkt bijvoorbeeld informatie op een server en geeft de resultaten weer op een webpagina. Met andere woorden, u kunt de code die deel uitmaakt van de resultatenpagina bekijken, maar u kunt de broncode van de zoekmachine niet bekijken.

deze regel is van toepassing op alle scripts aan de serverzijde, SSI en programmeercode. Daarom kunt u geen scripts broncode die wordt gebruikt in zoekmachines, forums, polls, chat, enz. Ook kan het kopiëren van de informatie uit de broncode fouten veroorzaken of u terugleiden naar de pagina van waaruit u de informatie hebt gekopieerd.,

Google Chrome

gebruik een van de volgende methoden om de broncode van een webpagina in Google Chrome te bekijken.

alleen broncode weergeven

methode één

om alleen de broncode te bekijken, drukt u op Ctrl+U op het toetsenbord van uw computer.

methode twee

Klik met de rechtermuisknop op een leeg deel van de webpagina en selecteer Paginabron weergeven in het pop-upmenu dat verschijnt.

paginabron weergeven met elementen

1. Open Chrome en navigeer door de webpagina waarvan u de broncode wilt bekijken.,
2. klik op het pictogram Google Chrome aanpassen en beheren in de rechterbovenhoek van het browservenster.
3. in het vervolgkeuzemenu dat verschijnt, selecteert u meer hulpmiddelen en selecteert u vervolgens ontwikkelaarstools.
4. klik op het tabblad elementen in de linkerbovenhoek van de nieuwe sectie die onderaan het scherm verschijnt.

Mozilla Firefox

gebruik een van de volgende methoden om de broncode van een webpagina in Mozilla Firefox te bekijken.

alleen broncode weergeven

methode één

om alleen de broncode te bekijken, drukt u op Ctrl+U op het toetsenbord van uw computer.

methode twee

Klik met de rechtermuisknop op een leeg deel van de webpagina en selecteer Paginabron weergeven in het pop-upmenu dat verschijnt.,

bekijk pagina bron met elementen

1. Open Firefox en navigeer door de webpagina waarvan u de broncode wilt bekijken.
2. klik op het Menu pictogram in de rechterbovenhoek van het scherm.
3. Selecteer webontwikkelaar in het vervolgkeuzemenu en selecteer Toggle Tools in het uitgebreide menu.
4. klik op het tabblad Inspector in de linkerbovenhoek van de sectie die onderaan het scherm verschijnt.,

Bekijk een gedeelte van de broncode van de pagina

1. markeer het gedeelte van een webpagina waarvoor u de broncode wilt bekijken.
2. Klik met de rechtermuisknop op die gemarkeerde sectie en selecteer Bekijk Selectiebron.,

Microsoft Edge

gebruik een van de volgende methoden om de broncode van een webpagina in Microsoft Edge te bekijken.

alleen broncode weergeven

methode één

om alleen de broncode te bekijken, drukt u op Ctrl+U op het toetsenbord van uw computer.

methode twee

Klik met de rechtermuisknop op een leeg deel van de webpagina en selecteer Paginabron weergeven in het pop-upmenu dat verschijnt.,

paginabron weergeven met elementen

1. Open Microsoft Edge en navigeer door de webpagina waarvan u de broncode wilt bekijken.
2. klik op de Instellingen en meer pictogram in de rechterbovenhoek van het scherm.
3. Beweeg uw muis over meer hulpmiddelen in het vervolgkeuzemenu en selecteer ontwikkelaarstools in het uitgebreide menu.
4. klik op het tabblad elementen boven in het venster dat aan de rechterkant van het scherm verschijnt.,

Microsoft Internet Explorer

gebruik een van de volgende methoden om de broncode van een webpagina in Microsoft Internet Explorer te bekijken.,

alleen broncode weergeven

methode één

om alleen de broncode te bekijken, drukt u op Ctrl+U op het toetsenbord van uw computer.

methode twee

Klik met de rechtermuisknop op een leeg deel van de webpagina en selecteer Bron weergeven in het pop-upmenu dat verschijnt.

bekijk pagina bron met elementen

1. Open Internet Explorer en navigeer door de webpagina waarvan u de broncode wilt bekijken.
2. klik op Tools in de rechterbovenhoek.
3. Selecteer F12 Developer Tools in het vervolgkeuzemenu.,

1. klik op het tabblad DOM Explorer in de linkerbovenhoek van het menu ontwikkelaarstools.

Safari

In Safari moet u de Ontwikkelaarsopties inschakelen om de broncode van een webpagina te bekijken., De volgende secties laten u zien hoe u deze functie kunt inschakelen en hoe u de broncode van een webpagina kunt bekijken.

toegang tot Ontwikkelaarsopties in Safari

1. Open De Safari-browser.
2. Selecteer in de menubalk in de linkerbovenhoek van het scherm.
3. in het keuzemenu dat verschijnt, selecteert u voorkeuren.

1. klik op het tabblad Geavanceerd en vink het vakje aan naast het menu ontwikkelen in de menubalk tonen.,

1. u ziet nu de selector ontwikkelen in de Apple-menubalk bovenaan het scherm.

het bekijken van de broncode

methode één

1. Open Safari en navigeer door de webpagina waarvan u de broncode wilt bekijken.
2. in de Apple-menubalk bovenaan het scherm klikt u op de selector ontwikkelen en kiest u Toon pagina bron in het vervolgkeuzemenu.,
3. klik in het midden van het scherm op het tabblad elementen boven aan het gedeelte ontwikkelaarstools.

Methode 2

Klik met de rechtermuisknop op een leeg deel van de webpagina en selecteer Paginabron tonen in het pop-upmenu dat verschijnt.

Opera

gebruik een van de volgende methoden om de broncode van een webpagina in Opera te bekijken.,

alleen broncode weergeven

methode één

om alleen de broncode te bekijken, drukt u op Ctrl+U op het toetsenbord van uw computer.

methode twee

Klik met de rechtermuisknop op een leeg deel van de webpagina en selecteer Paginabron in het pop-upmenu dat verschijnt.

bekijk pagina bron met elementen

1. Open Opera en navigeer door de webpagina waarvan u de broncode wilt bekijken.
2. klik op het Opera pictogram in de linkerbovenhoek van het browservenster.,
3. Beweeg uw muis over ontwikkelaar in het vervolgkeuzemenu en selecteer ontwikkelaarstools in het uitgebreide menu.
4. klik op het tabblad elementen boven in het venster dat aan de rechterkant van het scherm verschijnt.

Android-telefoon of-tablet met behulp van Chrome

1. Open de Google Chrome-browser op uw Android-telefoon of-tablet.
2. Open de webpagina waarvan u de broncode wilt bekijken.
3. Tik één keer in de adresbalk en verplaats de cursor naar de voorkant van de URL.
4. type view-source: en tik op Enter of Go.,

als de bovenstaande stappen niet werken op uw Android-telefoon, gebruik dan de methode in de iPhone of iPad met behulp van Safari sectie. Dezelfde code werkt op Android-telefoons, de enige verschillen zijn met behulp van Chrome in plaats van Safari, en het proces voor het maken en bewerken van een bladwijzer.

• Hoe maak je een internet favoriet of bladwijzer.
• Hoe internet favorieten en bladwijzers te verwijderen en te organiseren.,

iPhone of iPad het gebruik van Safari

het bekijken van de broncode van een webpagina op een iPhone of iPad kost wat meer werk, maar het is mogelijk. Het proces vereist dat u een bladwijzer te maken, JavaScript-code toe te wijzen aan het, en gebruik maken van de bladwijzer op een webpagina om de broncode te bekijken.,

Maak een bladwijzer aan om de broncode te bekijken

1. Open De Safari-browser op uw iPhone of iPad.
2. toegang tot een webpagina, zoals www.computerhope.com.
3. Tik op het pictogram Meer onderaan het scherm.

1. tik in het menu dat wordt geopend op de optie Bladwijzer toevoegen.

1. tik in het bladwijzernaam veld, tik op de x aan de rechterkant om de huidige naam te wissen, en voer” View web page source code ” in als de nieuwe naam.

1. Tik op Opslaan in de rechterbovenhoek om de bladwijzer op te slaan.
2. kopieer het volledige fragment van de JavaScript-code hieronder.

1. in Safari, toegang tot de bladwijzers door te tikken op het bladwijzerpictogram aan de onderkant van het scherm.,

1. Zoek de bladwijzer die u hierboven hebt aangemaakt en houd uw vinger op de bladwijzer totdat er een menu wordt geopend aan de onderkant van het scherm.
2. Tik op de optie Bewerken in het menu.

1. tik op het scherm bladwijzer bewerken op de URL en tik vervolgens op de x om de URL te wissen, plak de JavaScript-code uit Stap 7 in het URL-veld.

1. Tik rechtsonder in het scherm op Gereed om de bladwijzerwijzigingen op te slaan.,

gebruik een bladwijzer om broncode

te bekijken nadat u de bovenstaande bladwijzer hebt aangemaakt, kunt u nu de broncode voor een webpagina bekijken.

1. in Safari, toegang tot de webpagina waar u de broncode wilt bekijken.
2. Tik op het bladwijzerpictogram onderaan het scherm.

1. Tik op de bladwijzer broncode van webpagina weergeven die u hebt gemaakt.

een nieuw tabblad Safari-browsen wordt geopend, waarin de broncode voor de webpagina wordt weergegeven.,

hoe sluit u de broncodepagina of tool

Als u klaar bent met het bekijken van de broncode op een webpagina, kunt u deze afsluiten of sluiten. Het sluiten van de broncode hangt af van de methode die u hebt gebruikt om het te openen.

• Als u de methode Ctrl+U hebt gebruikt (behalve de rand) of de methode met de rechtermuisknop, sluit u het nieuwe tabblad dat boven in uw browservenster is geopend.,
• Als u de ontwikkelaarsmethode hebt gebruikt (met behulp van F12 of Ctrl+Shift+I), drukt u nogmaals op dezelfde toetsen, of klik op het pictogram in de rechterbovenhoek van het venster hulpmiddelen.

gebruik een online tool om de broncode

te bekijken naast het gebruik van een browser, zijn er verschillende online tools waarmee u de broncode van een webpagina kunt bekijken. Deze tools kunnen nuttig zijn omdat de meeste kunnen formatteren, stylize, en markeer de code om het gemakkelijker te lezen., Hieronder volgt een korte lijst van enkele van deze hulpmiddelen:

• bekijk pagina bron
• Code Beautify broncodeweergave
• HTML-weergave