Sådan tager du et webstedsskærmbillede med specifikke dimensioner ved hjælp af Google Chrome

Sådan tager du et skærmbillede med Google Chrome

Hvis du er et bureau eller et firma, der har en portefølje af sider eller sider, som du ønsker at dele online, har du sandsynligvis gået igennem smerten ved at prøve at fange uniform screenshots af hvert af webstederne.

En af de klienter, som vi arbejder med builds hostet Intranetløsninger der kan hostes internt inden for en virksomheds rammer. Intranet er utroligt nyttigt for virksomheder at kommunikere virksomhedsnyheder, distribuere marketinginformation, give fordeleoplysninger osv.

Vi hjalp OnSemble med at migrere deres Intranet-løsning ud af deres moderselskabs hjemmeside. Det var et omfattende projekt, der inkorporerede alt fra at opbygge nye sociale profiler, opdatere Marketo og derefter adskille nogle af den brugerdefinerede udvikling, som de tidligere havde gjort for at kombinere deres websteder.

Kundeskærmbilleder med Google Chrome

Du er måske ikke klar over dette, men du kan fange perfekte skærmbilleder med Google Chromes indbyggede sæt robuste udviklerværktøjer. Interessant nok er det ikke en meget kendt funktion på trods af at den har fantastisk fleksibilitet.

Her er en hurtig videovejledning om, hvordan du tager et perfekt skærmbillede af en webside med en speciel størrelse ved hjælp af Google Chrome:

Trin til at tage et skærmbillede med Google Chrome

Google Chromes udviklerværktøjer har mulighed for at forhåndsvise et websted ved hjælp af enhedens værktøjslinje. Værktøjet blev bygget, så udviklere kunne se, hvordan webstedet så ud i forskellige visningsstørrelser på tværs af forskellige enheder ... men det tilfældigvis også er en perfekt måde at få et perfekt skærmbillede af en webside.

I dette tilfælde ønsker vi, at hver af OnSembles nøglekunder på tværs af brancher, der har bygget smukke intranetwebsteder, skal tage et skærmbillede, så vi kan vise dem alle i en portefølje på deres hjemmeside. Vi ønsker, at siderne skal være 1200 px brede og 800 px høje. For at opnå dette:

  1. Vælg navigeringsknappen yderst til højre (3 lodrette prikker) Menu tilpasse og kontrollere.

Menu til udviklerværktøjer med Google Chrome

  1. Type Flere værktøjer> Udviklerværktøjer

Udviklerværktøjer med Google Chrome

  1. Veksle Enhedsværktøjslinje for at få vist enhedsindstillinger og dimensioner.

Skift enhedens værktøjslinje med Google Chrome

  1. Indstil den første mulighed til Responsive, indstil derefter dimensionerne til 1200 x 800, og tryk på enter. Siden vises nu med disse dimensioner.

Responsive Device Toolbar Google Chrome

  1. På højre side af Enhedsværktøjslinjen skal du klikke på navigationsknappen (3 lodrette prikker) og vælge Skærmbillede til optagelse.

Capture Screenshot med Google Chrome

  1. Google Chrome tager et perfekt skærmbillede og slipper det i din Downloads mappe, hvor du kan vedhæfte og sende den i en e-mail. Sørg for ikke at vælge skærmbillede i fuld størrelse, da det tager hele siden og ignorerer din højdegrænse.

Google Chrome tastaturgenveje til skærmbilleder

Hvis du er en tastaturgenvejsmester, kan du også bare tage et skærmbillede på hele siden med disse genveje. Jeg kan ikke lide denne tilgang, da jeg ikke kan indstille den maksimale højde for visningen ... men den er praktisk, hvis du nogensinde har brug for et helt sides skærmbillede.

Tastaturgenveje på en Mac:

1. Alt + Command + I 
2. Command + Shift + P

Tastaturgenveje til i Windows eller Linux:

1. Ctrl + Shift + I 
2. Ctrl + Shift + P

Hvad mener du?

Dette websted bruger Akismet til at reducere spam. Lær, hvordan dine kommentardata behandles.