Как да направите снимка на екрана на уебсайт с конкретни размери с помощта на Google Chrome

Как да направите снимка на екрана с Google Chrome

Ако сте агенция или компания, която има портфолио от сайтове или страници, които искате да споделите онлайн, вероятно сте преминали през болката от опитите да уловите униформа скрийншоти на всеки от сайтовете.

Един от клиентите, с които работим, е домакин на компилации Интранет решения които могат да бъдат вътрешно хоствани в рамките на дадена компания. Intranets са изключително полезни за компаниите да обменят фирмени новини, да разпространяват маркетингова информация, да предоставят информация за ползите и т.н.

Помогнахме на OnSemble да мигрира своето решение за интранет от уебсайта на компанията майка. Това беше обширен проект, който включваше всичко, от създаването на нови социални профили, актуализирането на Marketo и след това разглобяването на някои от разработките по поръчка, които са правили в миналото, за да комбинират своите сайтове.

Снимки на клиент с Google Chrome

Може да не осъзнавате това, но можете да заснемете перфектни екранни снимки с вградения набор от стабилни инструменти за разработчици на Google Chrome. Интересното е, че това не е много добре позната функция, въпреки че има невероятна гъвкавост.

Ето бърз видео урок за това как да направите перфектна, специално оразмерена екранна снимка на уеб страница с помощта на Google Chrome:

Стъпки за заснемане на екран с Google Chrome

Инструментите за разработчици на Google Chrome имат възможност да визуализират даден сайт с помощта на лентата с инструменти на устройството. Инструментът е построен така, че разработчиците да могат да видят как сайтът изглежда в различни размери на прозореца за различни устройства ... но се случва и да е идеален начин да получите идеално оразмерена екранна снимка на уеб страница.

В този случай искаме всеки от ключовите клиенти на OnSemble в различни индустрии, които са изградили красиви интранет сайтове, да направи екранна снимка, така че да можем да ги покажем всички в портфолио на техния уебсайт. Искаме страниците да са 1200px широки и 800px високи. За да постигнете това:

  1. В крайния десен бутон за навигация (3 вертикални точки) изберете Меню за персонализиране и управление.

Меню с инструменти за програмисти с Google Chrome

  1. Изберете Още инструменти> Инструменти за програмисти

Инструменти за програмисти с Google Chrome

  1. Превключете Лента с инструменти на устройството за извеждане на опциите и размерите на устройството.

Превключване на лентата с инструменти на устройството с Google Chrome

  1. Задайте първата опция на Отзивчив, след това задайте размерите на 1200 x 800 и натиснете enter. Страницата ще се покаже с тези размери.

Адаптивна лента с инструменти на Google Chrome

  1. От дясната страна на лентата с инструменти на устройството щракнете върху бутона за навигация (3 вертикални точки) и изберете Заснемане на екранна снимка.

Заснемете екранна снимка с Google Chrome

  1. Google Chrome ще направи перфектна екранна снимка и ще я пусне във вашата Изтегляния папка, където можете да го прикачите и изпратите по имейл. Не забравяйте да не изберете екранна снимка в пълен размер, тъй като това ще отнеме цялата дължина на страницата и ще игнорира ограничението ви за височина.

Клавишни комбинации на Google Chrome за екранни снимки

Ако сте майстор на клавишни комбинации, можете също така просто да направите екранна снимка на цяла страница с тези клавишни комбинации. Не ми харесва този подход, тъй като не мога да задам максималната височина на прозореца за гледане ... но той е полезен, ако някога се нуждаете от екранна снимка на цяла страница.

Клавишни комбинации на Mac:

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

Клавишни комбинации в Windows или Linux:

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

Какво мислите?

Този сайт използва Akismet за намаляване на спама. Научете как се обработват данните за коментарите ви.