Hoe om 'n webwerf-kiekie te neem met spesifieke dimensies met behulp van Google Chrome

As jy 'n agentskap of maatskappy is met 'n portefeulje van werwe of bladsye wat jy aanlyn wil deel, het jy waarskynlik deur die pyn gegaan om eenvormige skermkiekies van elke werf te probeer neem.

Een van die kliënte met wie ons werk, bou gehuisvestde intranetoplossings wat intern binne die grense van 'n maatskappy gehuisves kan word. Intranette is ongelooflik nuttig vir maatskappye om maatskappynuus te kommunikeer, bemarkingsinligting te versprei, voordele-inligting te verskaf, ens.

Ons het hierdie kliënt gehelp om hul intranetoplossingproduk vanaf hul moedermaatskappy se webwerf te migreer. Dit was 'n uitgebreide projek wat alles ingesluit het van die bou van nuwe sosiale profiele, die opdatering van Marketo, en dan die demontering van sommige van die pasgemaakte ontwikkeling wat hulle gedoen het om hul werwe te kombineer.

Een kritieke stap was om te verseker dat ons wonderlike produkfoto's van hul kliënte se intranetwebwerwe prominent op hul nuwe webwerf gehad het. Ons wou verseker dat elke skermkiekie konsekwent dieselfde breedte en hoogte regdeur die webwerf is. Dit kan moeilik wees ... tensy jy Google Chrome gebruik.

Kliëntkiekies met Google Chrome

Jy besef dit dalk nie, maar jy kan perfekte skermkiekies neem met Google Chrome se ingeboude stel robuuste ontwikkelaarnutsgoed. Interessant genoeg, ten spyte van sy ongelooflike buigsaamheid, is dit nie 'n baie bekende kenmerk nie. Die kenmerk laat jou ook toe om foto's van jou responsiewe webwerf te neem vir spesifieke afmetings en skermgroottes.

Hier is 'n vinnige video-tutoriaal oor hoe om 'n perfekte, spesifiek-grootte, skermskoot van 'n webbladsy met Google Chrome te neem:

Stappe om 'n kiekie te neem met Google Chrome

Google Chrome se ontwikkelaarnutsgoed kan 'n werf voorbeskou deur die toestel se nutsbalk te gebruik. Die instrument is gebou sodat ontwikkelaars kon sien hoe die werf in verskillende viewport-groottes op verskillende toestelle lyk ... maar dit is toevallig ook 'n perfekte manier om 'n perfekte grootte skermskoot van 'n webblad te kry.

In hierdie geval wil ons hê dat elkeen van die kliënt se sleutelkliënte oor bedrywe heen wat pragtige intranetwebwerwe gebou het, 'n skermskoot neem sodat ons hulle almal binne 'n portefeulje op hul webwerf kan vertoon. Ons wil hê die bladsye moet presies 1200px breed by 800px lank wees. Om dit te bereik:

1. Kies die navigasieknop heel regs (drie vertikale kolletjies) Pas aan en beheer menu.

2. Kies Meer gereedskap> Ontwikkelaarhulpmiddels

3. Skakel die Toestelbalk om die toestelopsies en -afmetings na vore te bring.

4. Stel die eerste opsie op Responsieve, stel dan die afmetings op 1200 x 800 en druk enter. Die bladsy sal nou met die afmetings vertoon word.

4. Klik aan die regterkant van die Device Toolbar op die navigasieknoppie (3 vertikale kolletjies) en kies Kiekie vang vas.

4. Google Chrome maak 'n perfekte skermkiekie en laat dit in u downloads gids waar jy dit in 'n e-pos kan aanheg en stuur. Maak seker dat jy nie volgrootte skermkiekies kies nie, aangesien dit die hele bladsylengte sal neem en jou hoogtelimiet sal ignoreer.

Google Chrome-sleutelbordkortpaaie vir kiekies

As jy 'n sleutelbordkortpadmeester is, kan jy 'n volbladskermkiekie met hierdie kortpaaie neem. Ek hou nie van hierdie benadering nie, want ek kan nie die maksimum hoogte van die kykpoort stel nie ... maar dit kom handig te pas as jy ooit 'n hele bladsy se skermskoot nodig het.

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

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