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

Как да направите снимка на екрана с Google Chrome
Време за четене: 3 протокол

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

Един от клиентите, с които работим, е домакин на компилации Интранет решения които могат да бъдат вътрешно хоствани в рамките на дадена компания. 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 за намаляване на спама. Научете как се обработват данните за коментарите ви.