nyttige artikler

Sådan screenes hele websider uden en Chrome-udvidelse

Chrome: Det er nemt at tage skærmbilleder, uanset om du er i Windows (tryk på knappen Print Screen på dit tastatur) eller Mac (Shift-Command-5). Og selvom du kan isolere til bare dit aktive vindue ved hjælp af forskellige tastaturkommandoer eller skærmindstillinger, hvilket gør det lettere at snapshot uanset hvad du laver, er det stadig ikke ideelt, hvis du prøver at tage et billede af et komplet websted — Mere end hvad der er på din skærm, det er.

Der er ingen mangel på browserudvidelser, der lover at tage fuld-side-skærmbilleder på dine vegne, og en række af dem er temmelig store (forudsat at du ikke har noget skøre gengivelsesproblemer, når du bruger dem). Dog behøver du ikke en udvidelse for at tage et skærmbillede af en webside. Vi har dækket, hvordan man gør dette i Firefox, og nu er det Chrome's tur.

Først et hurtigt hat-tip til udvikler Max Böck, hvor jeg snuble over denne metode. Du starter med at åbne Chrome's Developer Tools via F12 på dit tastatur (Windows) eller Command + Option + i (Mac). Derefter går du ind i enhedstilstand ved at klikke på det lille ikon, der ligner en smartphone, der sidder foran en tablet:

Her er, hvad det gør med den side, du ser i din browser:

Før

Efter

Derefter ønsker du at sikre dig, at den "Responsive" forudindstilling er valgt - det var som standard, da jeg gjorde dette. Klik derefter på triple-dot-ikonet helt til højre på den samme værktøjslinje (det er bare lidt til venstre for enhedstilstandsknappen, du tidligere har klikket på). Du ønsker at vælge indstillingen til "Tilføj enhedens pixelforhold" og derefter ændre dette forhold (DPR) i det felt, der vises fra to - dets standard - til tre.

Derfra er alt hvad du skal gøre at trykke på Control / Command + Shift + P og indtaste "Capture screenshot i fuld størrelse." Vælg denne indstilling, og Chrome opretter automatisk en dejlig. PNG på siden og slip den i din Downloads-mappe .

Hvis du vil justere, hvordan skærmbilledet ser ud, skal du gerne lege med dimensionerne ved enten at indtaste din egen højde og bredde i pixels eller udforske de tilgængelige forudindstillinger ved at holde musen hen over de grå bjælker under enhedsindstillingens indstillinger.

Jeg har en tendens til at bruge “laptop” -tilstand til min, som indstiller skærmbredden til en behagelig 1440px - hvilket skaber fantastiske skærmbilleder af de websteder, jeg prøver at arkivere.