Screenshot maken in Chrome (stap voor stap) - Update 2022

Hoe een screenshot te maken in Chrome

Als je ooit screenshots van een hele webpagina hebt moeten maken, weet je hoe lastig het is om handmatig door de pagina te moeten scrollen en meerdere screenshots te moeten maken.

Er is goed nieuws! U kunt een aantal hulpmiddelen gebruiken om hele webpagina's vast te leggen en uw leven veel gemakkelijker te maken.

Een van deze tools is ingebouwd in Chrome, terwijl de andere een extensie is.

Ingebouwde Chrome-optie

De voordelen van het gebruik van deze methode zijn onder meer dat u geen extensie hoeft te downloaden en de tool is een van de beste als het gaat om het negeren van plakkerige balken tijdens het scrollen op de website.

U kunt het als volgt gebruiken:

  1. Klik op de drie "meer" stippen in de rechterbovenhoek van uw browservenster.
  2. Er verschijnt een nieuw venster. Ga naar 'tools voor ontwikkelaars' en vervolgens naar 'meer tools'.
  3. Je ziet een nieuw venster verschijnen met code en je bevindt je in een iets andere weergavemodus.
  4. Als de pagina er nog steeds niet goed uitziet, klikt u op het pictogram 'Toggle device toolbar' in de linkerbovenhoek van het ontwikkelaarsvenster.
  5. Selecteer met de optie "responsieve modus" op welk apparaat u de schermafbeelding wilt zien. Stel het eenvoudig in op "responsief" om de standaard te gebruiken.
  6. U ziet een nieuwe "meer"-knop rechtsboven in deze nieuwe rij. Om alles te krijgen, klik hierop en selecteer "screenshot vastleggen" of "screenshot op volledige grootte vastleggen" in het menu.
  7. Na een paar seconden zul je merken dat de tool al een bestand voor je heeft gedownload en geopend.

Houd er rekening mee dat de voettekst van de site in mijn voorbeeld is afgebroken, dus houd daar rekening mee als u deze tool gebruikt.

Chrome-extensie: geweldige screenshot en schermrecorder

  1. Ga naar de Chrome webwinkel of Google en zoek naar de extensie "Awesome screenshot & screen recorder".
  2. Nadat u de extensie heeft geïnstalleerd, ziet u een helder pictogram bovenaan uw werkbalk.
  3. Wanneer u zich op de website bevindt die u wilt vastleggen, klikt u op de extensie. Als u de muisaanwijzer op een optie plaatst, ziet u een lijst met opties en hun sneltoetsen.
  4. U kunt een schermafbeelding maken van een zichtbaar gedeelte van een pagina, de hele pagina of een specifiek gebied. Als dat is wat u zoekt, kan de extensie u zelfs helpen om schermafbeeldingen op te nemen.
  5. Selecteer een volledige pagina om een ​​screenshot van de hele webpagina te maken.
  6. Na een paar seconden wordt u naar een pagina met de schermafbeelding geleid.
  7. U ziet een nieuwe werkbalk bovenaan uw pagina waarmee u annotaties aan uw schermafbeelding kunt toevoegen. U kunt eenvoudig annotaties, tekst en pijlen toevoegen en secties uitsnijden, zoals hieronder wordt weergegeven.
  8. Om uw wijzigingen op te slaan, klikt u op de knop Gereed in de rechterhoek zodra u klaar bent met het toevoegen van uw annotaties.
  9. Aan de rechterkant verschijnt een nieuw venster met verschillende opties voor het opslaan en delen van je nieuwe screenshot via een share-link, Dropbox, e-mail, Slack en andere methoden. U kunt de schermafbeelding handmatig opslaan of kopiëren om ergens anders te plakken.

Zie de bronafbeelding

Dus daar heb je het: twee eenvoudige methoden om screenshots van hele websites te maken en indien nodig te annoteren.

Begin met snappen!

Hoe een screenshot te maken van veelgestelde vragen over Chrome

Hoe maak ik een schermvullende schermafbeelding in Chrome?

Open eenvoudig de extra menu-opties in uw apparaatwerkbalk en selecteer "Schermafbeelding op volledige grootte maken" om uw schermvullende schermafbeelding te downloaden. Chrome downloadt de hele pagina voor je. Snijd vanaf hier indien nodig bij om de gewenste afbeelding te krijgen.

Hoe maak ik een screenshot met behulp van Google Chrome Developer Tools?

Met een verborgen functie in de ontwikkelaarstools van Google Chrome kunt u schermafbeeldingen op volledige grootte van elke webpagina maken. Deze functie, vergelijkbaar met een scrollende schermafbeelding, legt de hele pagina vast zonder het gebruik van een extensie van derden. Open om te beginnen Chrome en ga naar de webpagina die u wilt opslaan.

Hoe maak ik een screenshot op een website zonder extensie?

Deze functie, vergelijkbaar met een scrollende schermafbeelding, legt de hele pagina vast zonder het gebruik van een extensie van derden. Open om te beginnen Chrome en ga naar de webpagina die u wilt opslaan. Klik daarna op de drie stippen, vervolgens op 'Meer hulpprogramma's' en vervolgens op 'Ontwikkelaarstools'.

Over de auteur
Auteur: Daniel Luke
Daniel is een WordPress-webdesigner met uitgebreide ervaring in het werken met verschillende WordPress-thema's waarmee hij verschillende thema's kan vergelijken en contrasteren, de sterke en zwakke punten kan begrijpen om feitelijke, realistische beoordelingen te ontwikkelen.

Nog een ding... Wist je dat mensen die nuttige dingen zoals dit bericht delen er ook GEWELDIG uitzien? ​
Alstublieft laat een nuttig geef commentaar met je mening, deel dit dan op je Facebook-groep (en) die dit nuttig zouden vinden en laten we samen de vruchten plukken. Bedankt voor het delen en aardig zijn!

Disclosure: Deze pagina kan links bevatten naar externe sites voor producten die we geweldig vinden en die we van harte aanbevelen. Als u producten koopt die we aanbevelen, kunnen we een verwijzingsvergoeding verdienen. Dergelijke vergoedingen hebben geen invloed op onze aanbevelingen en we accepteren geen betalingen voor positieve beoordelingen.

Auteur (s) Uitgelicht op:  Inc Magazine-logo   Sitepoint-logo   CSS Tricks-logo    webdesignerdepot-logo   WPMU DEV-logo   en nog veel meer ...