Hogyan készítsünk webhelyképernyőt bizonyos dimenziókkal a Google Chrome használatával

Pillanatkép készítése a Google Chrome használatával

Ha Ön olyan ügynökség vagy vállalat, amelynek olyan webhelyei vagy oldalai vannak, amelyeket online szeretne megosztani, akkor valószínűleg átesett azon a fájdalmon, hogy megpróbálta megörökíteni az egyenruhát screenshotok az egyes helyszínekről.

Az egyik kliens, akivel együtt dolgozunk, házigazdája Intranetes megoldások amelyek belsőleg otthont adhatnak egy vállalat keretein belül. Az intranet hihetetlenül hasznos a vállalatok számára a vállalati hírek közlésében, a marketing információk terjesztésében, az ellátásokkal kapcsolatos információk nyújtásában stb.

Segítettünk az OnSemble-nek az intranetes megoldás migrálásában anyavállalatuk weboldaláról. Ez egy kiterjedt projekt volt, amely az új közösségi profilok kiépítésétől, a Marketo frissítésétől, majd a webhelyeik egyesítése érdekében a múltban elvégzett egyedi fejlesztések szétszerelésétől kezdve mindent tartalmazott.

Kliens képernyőképek a Google Chrome-mal

Lehet, hogy ezt nem veszi észre, de tökéletes képernyőképeket készíthet a Google Chrome beépített robusztus fejlesztői eszköztárával. Érdekes módon, annak ellenére, hogy elképesztő rugalmassággal rendelkezik, nem túl ismert szolgáltatás.

Itt van egy gyors videó bemutató arról, hogyan készíthet tökéletes, speciális méretű képernyőképet egy weboldalról a Google Chrome segítségével:

Pillanatkép készítésének lépései a Google Chrome használatával

A Google Chrome Fejlesztői eszközeiben lehetőség van a webhely előnézeti megtekintésére az eszköz eszköztárával. Az eszközt úgy építették fel, hogy a fejlesztők láthassák, hogyan néz ki a webhely különböző nézetablakméretekben a különböző eszközökön ... de előfordul, hogy tökéletes módja is egy tökéletes méretű képernyőkép készítésének a weboldalról.

Ebben az esetben azt szeretnénk, hogy az OnSemble minden olyan kiemelt ügyfele az iparágakon belül, amelyek gyönyörű intranetes webhelyeket építettek, készítsen képernyőképet, hogy mindet megjeleníthessük a portfólión belül a weboldalukon. Azt akarjuk, hogy az oldalak 1200 x 800 képpont magasak legyenek. Ennek megvalósításához:

  1. A jobb szélső navigációs gombban (3 függőleges pont) válassza a ikont Testreszabás és vezérlés menü.

Fejlesztői eszközök menü a Google Chrome böngészővel

  1. választ További eszközök> Fejlesztői eszközök

Fejlesztői eszközök a Google Chrome-mal

  1. Toggle a Készülék eszköztár hogy bemutassa az eszköz opcióit és méreteit.

Az Eszköztár be- és kikapcsolása a Google Chrome használatával

  1. Állítsa az első opciót Fogékony, majd állítsa be a méreteket 1200 x 800-ra, és nyomja meg az Enter billentyűt. Az oldal ezekkel a dimenziókkal jelenik meg.

Adaptív eszköz eszköztár Google Chrome

  1. Az Eszköztár jobb oldalán kattintson a navigációs gombra (3 függőleges pont), majd válassza a lehetőséget Képernyőkép készítése.

Képernyőkép készítése a Google Chrome segítségével

  1. A Google Chrome egy tökéletes képernyőképet készít, és bedobja az Ön webhelyére Letöltések mappába csatolhatja és elküldheti e-mailben. Ügyeljen arra, hogy ne válasszon teljes méretű képernyőképet, mivel ez az oldal teljes hosszát lefedi, és figyelmen kívül hagyja a magasságkorlátot.

A Google Chrome billentyűparancsai a képernyőképekhez

Ha billentyűparancs-mester vagy, akkor egyszerűen elkészíthet egy teljes oldalas képernyőképet ezekkel a parancsikonokkal. Nem szeretem ezt a megközelítést, mivel nem tudom beállítani a nézet maximális magasságát ... de jól jön, ha valaha szüksége volt egy teljes oldal képernyőképére.

Billentyűparancsok Mac-en:

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

Gyorsbillentyűk Windows vagy Linux rendszeren:

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

Mit gondolsz?

Ez az oldal Akismet-et használ a levélszemét csökkentése érdekében. Ismerje meg, hogyan dolgozik a megjegyzésed.