Fånga skärmdumpar med rullande webbsidor i full storlek i Chrome

Innehållsförteckning:

Anonim

Webbläsaren Google Chrome erbjuder två sätt att ta skärmdumpar av webbsidor i full storlek. Detta kan vara nödvändigt eller användbart för många webbarbetare, oavsett om de är utvecklare, designers, redaktörer, chefer, skribenter, analytiker eller nästan vilken annan möjlig webbaserad spelning som helst.

…Det krävs inga plugins eftersom vi kommer att använda inbyggda utvecklarverktyg med Chrome.

observera att vi täcker Chrome-webbläsaren här för skrivbordet. Du kan också ta helsidesskärmdumpar med Firefox, Safari på Mac och Safari för iPhone och iPad, om du behöver eller föredrar det.

Hur man tar rullande skärmdumpar i full storlek i Chrome

Är du redo att ta en skärmdump i full storlek av en webbsida i Chrome? Så här gör du:

  1. Öppna Chrome Developer Tools (Visa > Developer > Developer Tools)
  2. Klicka på knappen Responsivt designläge i lådan för utvecklarverktyg
  3. Klicka på de tre vertikala prickarna i det övre högra hörnet av verktyget för responsiv design och välj "Ta skärmdump i full storlek"
  4. Skärmdumpen i full storlek visas i din standardmapp för Chrome-nedladdningar

På Mac hittar du en skärmdump i full storlek av webbsidan som är tillgänglig i Användarnedladdningar, såvida du inte ändrade det manuellt.

… cirka 2084 × 16439 pixlar. Uppenbarligen längre stil en sida eller

Om du inte bläddrar igenom en hel webbsida, kommer inga lata bilder att fångas av skärmdumpen, vilket gör skärmdumpen på hela sidan ofullständig och inte representativ för vad en användare ser på sidan.

Fånga helsidesskärmdumpar i Chrome via konsolen

Ett annat sätt att ta helsidesskärmdumpar i Chrome är att använda kommandot "Kör" i utvecklarkonsolen och skriva "skärmdump" och välj sedan "Ta skärmdump i full storlek" från alternativen som visas. Se till att bläddra igenom hela webbsidan innan du gör detta också.

Detta kan vara ett bättre alternativ för vissa användare, men det är lite mer komplicerat för dem som är mindre bekanta med kommandorader.

Är dessa metoder för Chrome enklare än vad som är tillgängligt i Safari för Mac med utvecklarverktyg? Eller den superenkla metoden att ta hela webbsida skärmdumpar på Mac med Firefox? Eller det ännu enklare sättet att ta helsidesskärmdumpar med iPhone eller iPad? Det är upp till dig att bestämma, och det beror sannolikt också på vilken webbläsare du använder oftast och dina kunskaper med var och en av dem.

Fånga skärmdumpar med rullande webbsidor i full storlek i Chrome