Hoe code van een webpagina te kopiëren

Als u een internetgebruiker bent (of misschien zelfs een beginnende webontwerper of -ontwikkelaar) die vaak geweldige websites tegenkomt met functies of aspecten waardoor u zich afvraagt ​​hoe ze zijn gemaakt, kunt u overwegen de websitecode te bekijken of te kopiëren en bewaar het voor later, zodat je het opnieuw kunt bekijken om erachter te komen hoe het werd gedaan. En misschien zelfs repliceren in uw eigen webontwerp of ontwikkelingsprojecten.

Het kopiëren van de code van een enkele webpagina is zeer eenvoudig als u bekend bent met de webbrowser die u gebruikt. Hier is hoe het te doen voor drie van de meest populaire webbrowsers.

Kopiëren in Google Chrome

1. Open Chrome en ga naar de webpagina die u wilt kopiëren.

2. Klik met de rechtermuisknop op een lege ruimte of een leeg gebied op de webpagina. Zorg ervoor dat u niet met de rechtermuisknop op een link, een afbeelding of een andere functie klikt.

3. U weet dat u in een lege ruimte of in een leeg gebied hebt geklikt als u een optie ziet met het label Bekijk paginabron in het menu dat verschijnt. kiezen Bekijk paginabron om de code van de webpagina weer te geven.

4. Kopieer de volledige code door alle of alleen het specifieke gebied van de code te markeren dat u wilt, druk op Ctrl + C of Command + C op je toetsenbord en plak de code vervolgens in een tekst- of documentbestand.

Kopiëren in Mozilla Firefox

1. Open Firefox en ga naar de webpagina die u wilt kopiëren.

2. Selecteer in het bovenste menu Hulpmiddelen > Webontwikkelaar > Pagina bron.

3. Er wordt een nieuw tabblad geopend met de code van de pagina, die u kunt kopiëren door een bepaald gebied te markeren of op rechtermuisknop te klikken naar Selecteer alles als je alle code wilt. druk opCtrl + C of Command + C op je toetsenbord en plak het in een tekst- of documentbestand.

Kopiëren in OS X Safari van Apple

1. Open Safari en ga naar de webpagina die u wilt kopiëren.

2. Klik op Safari in het hoofdmenu en klik vervolgens op voorkeuren.

3. Klik in het hoofdmenu van het vak dat wordt weergegeven via uw browser op gevorderd tandwiel icoon.

4. Zorg ervoor dat Ontwikkel weergeven menu in menubalk is aangevinkt uit.

5. Sluit de voorkeuren in en klik op de Ontwikkelen optie in het bovenste menu.

6. Klik Toon paginabron om een ​​tabblad weer te geven met de code onder aan de pagina.

7. Gebruik je muis om slepen het tabblad op je scherm als je het wilt weergeven en het volledig wilt bekijken en kopieer het door alle of alleen het specifieke gebied van de code te markeren dat je wilt, Ctrl + C of Command + C op je toetsenbord en plak het waar je maar wilt.