Screenshots zijn een flexibel hulpmiddel voor alledaagse taken, van het presenteren van werk tot het delen van informatie. U kunt schermafbeeldingen maken met toetsenbordopdrachten, apps en browserextensies, maar heeft u ooit geprobeerd rechtstreeks via Google Chrome schermafbeeldingen te maken?
Hier is een scenario, je hebt een screenshot van een hele webpagina nodig. In plaats van meerdere schermafbeeldingen van de pagina te maken, wat vervelend kan zijn, waarom zou u het dan niet in één keer doen? Hier komt Developer Tools om de hoek kijken.
In deze handleiding wordt uitgelegd hoe u de hulpprogramma's voor ontwikkelaars van Chrome kunt gebruiken om eenvoudig een screenshot van uw webpagina's te maken.
De ontwikkelaarstools van Chrome zijn krachtige geïntegreerde hulpprogramma's voor foutopsporing die zijn ingebouwd in de Google Chrome-browser. Met de tools kunnen ontwikkelaars
om webapplicaties te testen, debuggen en optimaliseren om ze sneller en betrouwbaarder te maken.Sommige functies omvatten het in realtime bekijken en bewerken van de code van een webpagina, het bekijken van het netwerkverkeer en het analyseren van de prestaties, inclusief laadtijden en geheugengebruik.
Volg de onderstaande stappen om een screenshot van een webpagina te maken met behulp van de hulpprogramma's voor ontwikkelaars in Google Chrome:
Eerst openen Google Chrome en ga dan naar een website of een specifieke webpagina. Klik vervolgens met de rechtermuisknop ergens op de pagina en klik Inspecteren onderaan het vervolgkeuzemenu om het Hulpprogramma's voor ontwikkelaars paneel. Als alternatief kunt u gebruiken Ctrl+Shift+C.
Schakel de Apparaatwerkbalk door op het tweede pictogram in de linkerbovenhoek te klikken of Ctrl+Shift+M. U kunt zien hoe de pagina eruitziet op verschillende apparaten, zoals telefoons en tablets.
Linksboven is er een vervolgkeuzemenu met de naam Dimensies. Als u erop klikt, wordt een menu weergegeven met verschillende apparaten. Als u op een optie klikt, ziet u hoe de pagina er op dat apparaat uitziet. U kunt ook de paginabreedte en -hoogte zien en een in- en uitzoomoptie.
Afhankelijk van uw apparaat wordt de breedte- of hoogte-optie (of beide) ongeldig, waardoor u de grootte niet kunt wijzigen.
Optioneel kunt u het apparaat en de oriëntatie kiezen om een screenshot te maken Apparaatmodus. Als je tevreden bent met hoe alles eruit ziet, klik je op de drie verticale stippen in de maatbalk en klik je op een van beide Maak een screenshot of Maak een screenshot op volledige grootte.
Als alternatief kunt u gebruiken Ctrl+Shift+P om het opdrachtmenu te openen en typ het woord schermafbeelding in het tekstvak. Wanneer u het woord uittypt, ziet u vier soorten opties voor het vastleggen van schermafbeeldingen in een vervolgkeuzemenu:
- Schermopname van het gebied: maakt een screenshot van een geïnspecteerd element.
- Maak een screenshot op volledige grootte: maakt een screenshot van de hele pagina.
- Maak een screenshot van het knooppunt: sleep een bepaald gebied van de pagina dat u wilt vastleggen.
- Maak een screenshot: maakt een screenshot van alle zichtbare inhoud op de pagina.
Pas de grootte van het deelvenster Hulpprogramma's voor ontwikkelaars aan om een bredere schermafbeelding van de pagina te krijgen. U kunt dit doen door met uw muis over de rechterkant van de verticale schuifbalk te bewegen totdat u een dubbele pijl ziet. Klik erop en sleep het paneel naar links of rechts om het paginaformaat te wijzigen.
De schermafbeelding wordt automatisch opgeslagen in uw Downloaden map als een PNG-afbeeldingsbestand, zolang je dat niet hebt problemen met het downloaden van bestanden. Van daaruit kunt u eventuele aanpassingen aan de afbeelding aanbrengen.
Een nieuwe manier om screenshots te maken in Google Chrome
Door een screenshot te maken met de hulpprogramma's voor ontwikkelaars van Google Chrome, kunt u meer gedaan krijgen en tijd besparen. Het geeft je ook een nieuwe manier om screenshots te maken, of je nu een ontwikkelaar, ontwerper of gewone gebruiker bent.
De volgende keer dat u een screenshot moet maken in een andere richting of op een ander apparaat, is het gebruik van Developer Tools een snelle en efficiënte manier die altijd beschikbaar is. Wanneer we bestanden downloaden, worden ze opgeslagen in onze standaard map Downloads. Maar als u de map wilt wijzigen, kunt u dit eenvoudig doen in Google Chrome.
