Ta skjermbilder i full størrelse med rullende nettsider i Chrome
Innholdsfortegnelse:
Google Chrome-nettleseren tilbyr to måter å ta skjermbilder av nettsider i full størrelse. Dette kan være nødvendig eller nyttig for mange nettarbeidere, enten de er utviklere, designere, redaktører, ledere, skribenter, analytikere eller omtrent alle andre mulige nettbaserte konserter.
Tilnærmingene vi skal dekke for å ta skjermbilder av nettsider i full størrelse med Chrome krever fullversjonen av Chrome for alle enheter på skrivebordsnivå, som inkluderer Mac, Windows, Linux og Chromebook.Det kreves ingen programtillegg, siden vi kommer til å bruke innebygde utviklerverktøy med Chrome.
merk at vi dekker Chrome-nettleseren her for skrivebordet. Du kan også ta helsideskjermbilder med Firefox, Safari på Mac og Safari for iPhone og iPad, hvis du trenger det eller foretrekker det.
Hvordan ta rullende skjermbilder i full størrelse i Chrome
Er du klar til å ta et skjermbilde i full størrelse av en nettside i Chrome? Her er hva du skal gjøre:
- Åpne Chrome Developer Tools (Se > Developer > Developer Tools)
- Klikk Responsive Design Mode-knappen i utviklerverktøyskuffen …
- Klikk på de tre vertikale prikkene i øvre høyre hjørne av Responsive Design-verktøyet og velg «Ta opp skjermbilde i full størrelse»
- Skjermbildet i full størrelse vises i standard nedlastingsmappe for Chrome
På Mac finner du skjermbildet i full størrelse av nettsiden tilgjengelig i brukernedlastinger, med mindre du endret det manuelt.
Dimensjonene på det tatt skjermbildet vil variere avhengig av hvilken enhet du valgte i responsmodus, for eksempel hvis du valgte iPad Air og tok et rulleskjermbilde i full størrelse av osxdaily.com-hjemmesiden, kan skjermbildet ditt være rundt 2084 × 16439 piksler. Åpenbart jo lengre stil en side eller
Hvis du ikke blar gjennom en hel nettside, vil ikke bilder som er lastet med late, bli tatt opp av skjermbildet, noe som gjør skjermbildet på hele siden ufullstendig og ikke representativt for hva en bruker ser på siden.
Ta skjermbilder av hele siden i Chrome via konsoll
En annen måte å ta skjermbilder på hele siden i Chrome er å bruke utviklerkonsollen «Kjør»-kommandoen og skrive «skjermbilde», og velg deretter «Ta skjermdump i full størrelse» fra alternativene som vises. Pass på å bla gjennom hele nettsiden før du gjør dette også.
Dette kan være et bedre alternativ for noen brukere, men det er litt mer komplekst for de som er mindre kjent med kommandolinjer.
Er disse metodene for Chrome enklere enn det som er tilgjengelig i Safari for Mac med utviklerverktøy? Eller den superenkle metoden for å ta skjermbilder av hele nettsiden på Mac med Firefox? Eller den enda enklere måten å ta helsideskjermbilder med iPhone eller iPad? Det er opp til deg å bestemme, og det avhenger sannsynligvis også av hvilken nettleser du bruker oftest, og dine ferdigheter med hver av dem.