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

Hoe een screenshot te maken in Chrome

Bent u op zoek naar de gemakkelijkste manier om 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 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 Chrome, terwijl de andere een extensie is.

Inhoud[Zichtbaar]

 

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 en op het bureaublad heeft opgeslagen.

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.

screenshot op Chrome-ontwikkelaarstools

Chrome-extensie: geweldige screenshot en schermrecorder

  1. Ga naar de Chrome webwinkel of Google en zoek de extensie "Geweldige screenshot en schermrecorder."
  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!

Lees meer : Een screenshot maken op Mac - 4 verschillende manieren

Hoe een screenshot te maken van veelgestelde vragen over Chrome

Hoe maak ik een screenshot van een volledige pagina in Chrome zonder enige extensie?

U moet Developer Tools openen via het Chrome Burger-menu> Meer tools> Developer Tools. Zodra dit venster is geopend, opent u gewoon de extra menu-opties in uw apparaatwerkbalk en selecteert u "Schermafbeelding op volledige grootte vastleggen" om uw schermvullende schermafbeelding te downloaden. Chrome zal de hele pagina voor je downloaden. Snijd vanaf hier naar behoefte bij om de gewenste afbeelding te krijgen.

Hoe maak ik een schermafbeelding op volledige grootte met Google Chrome Developer Tools?

Met een verborgen functie in de ontwikkelaarstools van Google Chrome kunt u schermafbeeldingen op ware grootte maken van elke webpagina. 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 navigeer naar de webpagina die u wilt opslaan. Volg daarna de procedure die wordt aangegeven in de bovenstaande veelgestelde vragen.

Over de 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 ...