Браузер Google Chrome вміє робити скріншоти сторінки, як тільки видимої області, так і всієї станиці цілком. Більш того, прямо з браузера скриншоту можна додати рамки iPhone, як ніби сторінка просматріватеся на айФоні. Для дизайнерів це просто знахідка - робити таке прямо в браузері без додаткових розширень, плагінів, програм або утиліт.

В хромі дуже багато заховано зовні він ну такий простий! Але багато що стає доступно, якщо зайти в панель розробника. Відкрити панель можна комбінацією клавишь Ctrl + Shift + I.

Функція створення скріншота сторінки, що знаходиться якраз в цій панелі розробника. Для цього потрібно включити просмотрт з мобільних пристроїв, зробити етоможно натиснувши на відповідні кнопки або комбінацією клавишь Ctrl + Shift + M, де M очевидно відсилає до mobile.

Таким чином, щоб зробити скріншот веб-сторінки в Chrome, потрібно:

1. Ctrl + Shift + I - увійти в режим розробника.
2. Ctrl + Shift + M - натиснути в ньому на кнопку емуляції перегляду в мобільних пристроях.
3. Натиснути на кнопку меню у вікні емулаціі і вибрати пункт «Capture screenshot».
4. Усе! Картинка в форматі PNG збереглася на робочому столі. Або там де вказано зберігати файли для Chrome.

Зауважу, що розмір скріншоту буде не таким як ми його бачимо, а значно більше в HD якості, ось приклад такого скриншота з картинки вище (нажімете на картинку, щоб побачити оригінальний розмір):

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

Скажу ще коротко, про те що відкривши режим перегляду в мобільних пристроях, ми можемо вибрати конкретну назву мобільного пристрою з якого потрібно емулювати перегляд. Для цього потрібно натиснути на вибір пристроїв і в випадющем списку натиснути на кнопку Edit, і тоді справа з'явиться весь список підтримуваних пристроїв: