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

Ha Ön egy ügynökség vagy vállalat, amelynek portfóliója olyan webhelyekkel vagy oldalakkal rendelkezik, amelyeket meg szeretne osztani az interneten, akkor valószínűleg átment azon, hogy minden webhelyről egységes képernyőképet készítsen.

Az egyik ügyfél, akivel dolgozunk, olyan intranetes megoldásokat épít ki, amelyek egy vállalaton belül is tárolhatók. Az intranetek hihetetlenül hasznosak a vállalatok számára a vállalati hírek kommunikálásában, marketinginformációk terjesztésében, juttatásokról stb.

Segítettünk ennek az ügyfélnek áttelepíteni intranetes megoldását az anyavállalata webhelyéről. Ez egy kiterjedt projekt volt, amely mindent magába foglalt az új közösségi profilok felépítésétől, a Marketo frissítésétől, majd a webhelyeik egyesítése érdekében végzett egyedi fejlesztések egy részének szétszerelésétől.

Az egyik kritikus lépés annak biztosítása volt, hogy ügyfeleik intranetes webhelyeiről kiváló termékképek jelenjenek meg új webhelyükön. Biztosítani akartuk, hogy minden képernyőkép állandóan azonos szélességű és magasságú legyen az egész oldalon. Ez nehéz lehet… hacsak nem Google Chrome-ot használ.

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özeivel. Érdekes módon elképesztő rugalmassága ellenére nem túl ismert funkció. A funkció azt is lehetővé teszi, hogy felvételeket készítsen a reszponzív webhelyről meghatározott méretekhez és képernyőméretekhez.

Íme egy gyors oktatóvideó arról, hogyan készíthet tökéletes, speciális méretű képernyőképet egy weboldalról a Google Chrome használatával:

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

A Google Chrome fejlesztői eszközei megtekinthetik a webhely előnézetét az eszköz eszköztárával. Az eszközt úgy építették, hogy a fejlesztők lássák, hogyan néz ki a webhely különböző méretű nézetablakban a különböző eszközökön… de történetesen tökéletes módja annak, hogy tökéletes méretű képernyőképet készítsenek egy weboldalról.

Ebben az esetben azt szeretnénk, hogy az ügyfél minden kulcsfontosságú ügyfele olyan iparágakban, amelyek gyönyörű intranet webhelyeket építettek ki, készítsenek képernyőképet, hogy meg tudjuk jeleníteni őket egy portfólión belül a webhelyükön. Azt akarjuk, hogy az oldalak pontosan 1200 képpont szélesek és 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ü.

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

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

4. Á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.

4. 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.

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

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

Ha Ön a billentyűparancsok mestere, akkor ezekkel a billentyűparancsokkal egész oldalas képernyőképet készíthet. Nem szeretem ezt a megközelítést, mivel nem tudom beállítani a nézetablak maximális magasságát… de jól jön, ha bármikor szüksége van egy teljes oldal képernyőképére.

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

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