Як зробити знімок екрана веб-сайту з конкретними розмірами за допомогою Google Chrome

Як зробити знімок екрана за допомогою Google Chrome

Якщо ви агентство або компанія, яка має портфоліо сайтів або сторінок, якими ви хочете поділитися в Інтернеті, ви, мабуть, пережили біль, намагаючись захопити єдину форму скріншоти кожного з сайтів.

Один із клієнтів, з яким ми працюємо, розміщений у збірках Інтранет-рішення які можуть бути розміщені в межах компанії. Інтранети надзвичайно допомагають компаніям повідомляти новини компаній, поширювати маркетингову інформацію, надавати інформацію про переваги тощо.

Ми допомогли OnSemble перенести своє рішення Інтранет із веб-сайту батьківської компанії. Це був великий проект, який включав у себе все: від створення нових соціальних профілів, оновлення Marketo, а потім розбирання деяких спеціальних розробок, які вони робили раніше, щоб об’єднати свої сайти.

Знімки екрана клієнта з Google Chrome

Можливо, ви цього не усвідомлюєте, але ви можете робити ідеальні знімки екрана за допомогою вбудованого набору надійних інструментів розробника Google Chrome. Цікаво, що це не дуже відома функція, незважаючи на надзвичайну гнучкість.

Ось короткий відео-посібник про те, як зробити ідеальний знімок екрана веб-сторінки конкретного розміру за допомогою Google Chrome:

Кроки, щоб зробити знімок екрана за допомогою Google Chrome

Інструменти розробника Google Chrome мають можливість попереднього перегляду сайту за допомогою панелі інструментів пристрою. Інструмент був побудований таким чином, щоб розробники могли бачити, як виглядав сайт у різних розмірах області перегляду на різних пристроях ... але це, здається, також ідеальний спосіб отримати знімок екрана ідеального розміру веб-сторінки.

У цьому випадку ми хочемо, щоб кожен з ключових клієнтів OnSemble у різних галузях, які створили чудові веб-сайти Інтранету, зробив знімок екрана, щоб ми могли відображати їх усіх у портфоліо на своєму веб-сайті. Ми хочемо, щоб сторінки мали ширину 1200 пікселів на 800 пікселів у висоту. Для цього:

  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 для зменшення спаму. Дізнайтеся, як обробляються ваші дані коментарів.