Hoe kinne jo in webside-skermôfdruk nimme mei spesifike dimensjes mei Google Chrome

Hoe kinne jo in skermôfbylding meitsje mei Google Chrome

As jo ​​in buro binne as in bedriuw dat in portefúlje hat fan siden of siden dy't jo online wolle diele, hawwe jo wierskynlik de pine trochgien om te besykjen unifoarm te fangen screenshots fan elk fan 'e siden.

Ien fan 'e kliïnten wêrmei't wy wurkje is boud Yntranet oplossings dat kin yntern wurde hoste binnen de grinzen fan in bedriuw. Intranetten binne ongelooflijk nuttich foar bedriuwen om bedriuwsnijs te kommunisearjen, marketingynformaasje te fersprieden, ynformaasje oer foardielen te leverjen, ensfh.

Wy hawwe OnSemble holpen har Intranet-oplossing te migrearjen fan 'e webside fan har memmebedriuw. It wie in wiidweidich projekt dat alles omfette fan it útbouwen fan nije sosjale profilen, it bywurkjen fan Marketo, en dan it ûntmanteljen fan guon fan 'e oanpaste ûntwikkeling dy't se yn it ferline dien hiene om har siden te kombinearjen.

Skermôfbyldings fan kliïnten Mei Google Chrome

Jo realisearje dit miskien net, mar jo kinne perfekte screenshots opnimme mei de ynboude set fan robúste ûntwikkelders ark fan Google Chrome. Opfallend is dat it net in heul bekende funksje is, hoewol it geweldige fleksibiliteit hat.

Hjir is in flugge fideotutorial oer hoe't jo in perfekte, spesifyk grutte, skermôfbylding meitsje fan in webside mei Google Chrome:

Stappen om in skermôfbylding te meitsjen mei Google Chrome

Google Chrome's Developer Tools hawwe de opsje om in side te besjen mei de arkbalke fan har apparaat. It ark waard boud sadat ûntwikkelders koenen sjen hoe't de side der yn ferskillende werjaanportgrutte oer ferskillende apparaten útseach ... mar it is tafallich ek in perfekte manier om in folslein skermôfbylding fan in webside te krijen.

Yn dit gefal wolle wy dat elk fan 'e wichtichste kliïnten fan OnSemble oer yndustry dy't prachtige Intranet-sites hawwe boud, in skermôfbylding makket, sadat wy se allegear kinne werjaan yn in portfolio op har webside. Wy wolle dat de siden 1200px breed binne en 800px heech. Om dit te berikken:

  1. Selektearje yn 'e heule rjochter navigaasjeknop (3 fertikale punten) de Menu oanpasse en kontrolearje.

Menu foar ûntwikkelders ark mei Google Chrome

  1. Útkieze Mear ark> Tools foar ûntwikkelders

Untwikkelders ark mei Google Chrome

  1. Geartsje de Apparaat arkbalke om de apparaatopsjes en dimensjes op te heljen.

Wikselje Device Toolbar Mei Google Chrome

  1. Stel de earste opsje yn op Responsive, set dan de ôfmjittings op 1200 x 800 en druk op enter. De pagina sil no werjaan mei dy dimensjes.

Responsive Device Toolbar Google Chrome

  1. Klikje oan 'e rjochterkant fan' e Device Toolbar op 'e navigaasjeknop (3 fertikale punten) en selektearje Skermôfbylding fêstlizze.

Skermôfbylding fêstlizze mei Google Chrome

  1. Google Chrome sil in perfekte skermôfbylding nimme en drop it yn jo downloads map wêr't jo it yn in e-post kinne taheakje en stjoere. Soargje derfoar dat jo gjin skermôfbylding yn folsleine grutte selektearje, om't dat de heule lingte fan 'e pagina duorret en jo hichtelimyt negeart.

Google Chrome toetseboerd fluchtoetsen foar skermôfbyldings

As jo ​​in fluchtoetsmaster binne, kinne jo ek gewoan in skermôfbylding op in folsleine pagina meitsje mei dizze fluchtoetsen. Ik hâld net fan dizze oanpak, om't ik de maksimale hichte fan 'e werjefteport net kin ynstelle ... mar it komt handich as jo ea in skermôfbylding fan in heule side nedich hawwe.

Toetseboerd fluchtoetsen op in Mac:

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

Toetseboerd fluchtoetsen oan yn Windows of Linux:

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

Wat tinksto?

Dizze side brûkt Akismet om spam te ferleegjen. Learje hoe't jo kommentaargegevens ferwurke wurde.