Kuinka ottaa verkkosivuston näyttökuva tietyillä mitoilla Google Chromen avulla

Näyttökuvan ottaminen Google Chromen avulla

Jos olet virasto tai yritys, jolla on salkku sivustoja tai sivuja, jotka haluat jakaa verkossa, olet todennäköisesti kokenut tuskan yrittäessäsi kaapata yhtenäisiä kuvakaappauksia jokaisesta sivustosta.

Yksi asiakkaista, joiden kanssa työskentelemme, isännöi rakennuksia Intranet-ratkaisut joka voidaan sisäisesti isännöidä yrityksen rajoissa. Intranetit ovat uskomattoman hyödyllisiä yrityksille kommunikoida yritysuutisia, jakaa markkinointitietoja, tarjota etuja koskevia tietoja jne.

Autoimme OnSembleä siirtämään intranet-ratkaisunsa emoyhtiön verkkosivustolta. Se oli laaja projekti, joka sisälsi kaiken uusien sosiaalisten profiilien rakentamisesta, Marketon päivittämisestä ja sen jälkeen purkamasta joitain mukautettuja kehityksiä, jotka he olivat tehneet aiemmin yhdistääkseen sivustojaan.

Asiakkaan näyttökuvat Google Chromella

Et ehkä ymmärrä tätä, mutta voit kaapata täydelliset kuvakaappaukset Google Chromen sisäänrakennetulla vankoilla kehittäjätyökaluilla. Mielenkiintoista on, että se ei ole kovin tunnettu ominaisuus huolimatta siitä, että sillä on hämmästyttävä joustavuus.

Tässä on nopea video-opas siitä, miten voit tehdä täydellisen, erikokoisen kuvakaappauksen verkkosivusta Google Chromen avulla:

Vaiheet kuvakaappauksen ottamiseen Google Chromen avulla

Google Chromen kehittäjätyökaluilla on mahdollisuus esikatsella sivustoa laitteen työkalurivillä. Työkalu rakennettiin niin, että kehittäjät näkivät, miltä sivusto näytti erikokoisina eri laitteilla ... mutta se sattuu olemaan myös täydellinen tapa saada täydellisen kokoinen kuvakaappaus verkkosivusta.

Tässä tapauksessa haluamme jokaisen OnSemble-avainasiakkaan toimialalta, jotka ovat rakentaneet kauniita intranet-sivustoja, ottamaan kuvakaappauksen, jotta voimme näyttää ne kaikki heidän verkkosivustonsa salkussa. Haluamme, että sivujen leveys on 1200 x 800 kuvapistettä. Tämän saavuttamiseksi:

  1. Valitse oikeassa reunassa olevasta navigointipainikkeesta (3 pystysuoraa pistettä) Mukauta ja ohjaa -valikko.

Kehittäjän työkaluvalikko Google Chromella

  1. valita Lisää työkaluja> Kehittäjän työkalut

Kehittäjän työkalut Google Chromen kanssa

  1. Vaihda Laitteen työkalurivi tuoda esiin laitteen vaihtoehdot ja mitat.

Toggle Device Toolbar with Google Chrome

  1. Aseta ensimmäiseksi vaihtoehdoksi herkkä, aseta sitten mitat arvoon 1200 x 800 ja paina Enter. Sivu näytetään nyt näillä mitoilla.

Reagoivan laitteen työkalupalkki Google Chrome

  1. Napsauta laitteen työkalurivin oikealla puolella olevaa navigointipainiketta (3 pystysuoraa pistettä) ja valitse Kaappaa näyttökuva.

Sieppaa näyttökuva Google Chromella

  1. Google Chrome ottaa täydellisen kuvakaappauksen ja pudottaa sen omaan Lataukset kansio, johon voit liittää ja lähettää sen sähköpostitse. Älä valitse täysikokoista kuvakaappausta, koska se vie sivun koko pituuden ja ohittaa korkeusrajoituksesi.

Google Chromen pikanäppäimet kuvakaappauksia varten

Jos olet pikanäppäinten päällikkö, voit myös ottaa koko sivun kuvakaappauksen näiden pikavalintojen avulla. En pidä tästä lähestymistavasta, koska en voi asettaa näkymän enimmäiskorkeutta ... mutta se on kätevä, jos tarvitset joskus kokonaisen sivun kuvakaappausta.

Pikanäppäimet Macissa:

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

Pikanäppäimet käytössä Windowsissa tai Linuxissa:

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

Mitä mieltä olet?

Tämä sivusto käyttää Akismetiä roskapostin vähentämiseksi. Lue, miten kommenttitietosi käsitellään.