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 portfolio hat fan siden as 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 opbouwen 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 fêstlizze 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, screenshot meitsje kinne 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 it apparaat. It ark waard boud sadat ûntwikkelders koenen sjen hoe't de side der yn ferskillende werjaanportgrutte oer ferskate apparaten útseach ... mar it is tafallich ek in perfekte manier om in skermôfbylding fan in webside mei in perfekte grutte te krijen.

Yn dit gefal wolle wy dat elk fan 'e wichtichste kliïnten fan OnSemble oer yndustryen 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 mei 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 fyn dizze oanpak net leuk, om't ik de maksimale hichte fan 'e werjeftepoort 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.