Google Chrome-browseren tilbyder to måder at tage skærmbilleder af websider i fuld størrelse. Dette kan være nødvendigt eller nyttigt for mange webarbejdere, uanset om de er udviklere, designere, redaktører, ledere, skribenter, analytikere eller næsten enhver anden mulig webbaseret koncert.

De tilgange, vi vil dække for at tage skærmbilleder af websider i fuld størrelse med Chrome, kræver den fulde version af Chrome til enhver enhed på skrivebordsniveau, som inkluderer Mac, Windows, Linux og Chromebook.Der kræves ingen plugins, da vi vil bruge indbyggede udviklerværktøjer med Chrome.

bemærk, at vi dækker Chrome-browseren her til desktop. Du kan også tage helsides skærmbilleder med Firefox, Safari på Mac og Safari til iPhone og iPad, hvis du har brug for det eller foretrækker det.

Sådan tager du rullende skærmbilleder i fuld størrelse i Chrome

Er du klar til at tage et skærmbillede i fuld størrelse af en webside i Chrome? Her er hvad du skal gøre:

1. Åbn Chrome Developer Tools (Se > Developer > Developer Tools)



2. Klik på knappen Responsiv designtilstand i skuffen til udviklerværktøjer



3. Rul ned gennem hele websiden, så alle billeder indlæses (dette er vigtigt for at fange lazy-load billeder, en almindelig teknik, der bruges til at fremskynde websider)
4. Klik på de tre lodrette prikker i øverste højre hjørne af Responsive Design-værktøjet, og vælg "Capture full size screenshot"



5. Skærmbilledet i fuld størrelse vises i din standardmappe for Chrome-downloads

På Mac'en finder du skærmbilledet i fuld størrelse af websiden, der er tilgængeligt i Brugerdownloads, medmindre du manuelt har ændret det.

Dimensionerne af det optagne skærmbillede vil variere afhængigt af hvilken enhed du valgte i responsiv tilstand, for eksempel hvis du valgte iPad Air og tog et rulleskærmbillede i fuld størrelse af osxdaily.com-hjemmesiden, kan dit skærmbillede være omkring 2084 × 16439 pixels. Selvfølgelig, jo længere stil en side eller

Hvis du ikke ruller gennem en hel webside, vil eventuelle lazy-loadede billeder ikke blive fanget af skærmbilledet, hvilket gør skærmbilledet på hele siden ufuldstændigt og ikke repræsentativt for, hvad en bruger ser på siden.

Optagelse af fuldsideskærmbilleder i Chrome via konsol

En anden måde at tage helsides skærmbilleder på i Chrome er at bruge udviklerkonsollen 'Kør'-kommandoen og skrive "skærmbillede", og vælg derefter "Capture full size screenshot" fra de muligheder, der vises. Sørg også for at rulle gennem hele websiden, før du gør dette.

Dette kan være en bedre mulighed for nogle brugere, men det er lidt mere komplekst for dem, der er mindre fortrolige med kommandolinjer.

Er disse metoder til Chrome nemmere end dem, der er tilgængelige i Safari til Mac med udviklerværktøjer? Eller den super simple metode til at tage skærmbilleder af hele websiden på Mac med Firefox? Eller den endnu nemmere måde at tage helsides skærmbilleder ved hjælp af iPhone eller iPad? Det er op til dig at beslutte, og det afhænger sandsynligvis også af, hvilken browser du bruger oftest, og dine færdigheder med hver af dem.