Робіть повнорозмірні знімки екрана з прокручуванням веб-сторінок у Chrome
Зміст:
Браузер Google Chrome пропонує два способи створення повнорозмірних знімків екрана веб-сторінок. Це може бути необхідним або корисним для багатьох веб-працівників, будь то розробники, дизайнери, редактори, менеджери, письменники, аналітики чи будь-які інші веб-концерти.
Підходи, які ми розглянемо, щоб отримати повнорозмірні знімки екрана веб-сторінки за допомогою Chrome, потребують повної версії Chrome для будь-якого пристрою настільного рівня, зокрема Mac, Windows, Linux і Chromebook.Плагіни не потрібні, оскільки ми використовуватимемо вбудовані інструменти розробника з Chrome.
зверніть увагу, що тут ми розглядаємо браузер Chrome для комп’ютера. Ви також можете робити знімки екрана повної сторінки за допомогою Firefox, Safari на Mac і Safari для iPhone та iPad, якщо вам це потрібно або надаєте перевагу.
Як зробити повнорозмірні знімки екрана з прокруткою в Chrome
Готові зробити повнорозмірний знімок екрана веб-сторінки в Chrome? Ось що потрібно зробити:
- Відкрити інструменти розробника Chrome (перегляд > інструментів розробника >)
- Натисніть кнопку «Режим адаптивного дизайну» в панелі інструментів розробника
- Прокрутіть униз усю веб-сторінку, щоб завантажити всі зображення (це важливо для зйомки відкладеного завантаження зображень, загальної техніки, яка використовується для прискорення веб-сторінок)
- Натисніть три вертикальні крапки у верхньому правому куті інструмента адаптивного дизайну та виберіть «Зробити повнорозмірний знімок екрана»
- Повнорозмірний знімок екрана з’явиться у папці завантажень Chrome за умовчанням
На Mac ви знайдете повнорозмірний знімок екрана веб-сторінки, доступний у завантаженні користувача, якщо ви не змінили це вручну.
Розміри зробленого знімка екрана відрізнятимуться залежно від того, який пристрій ви обрали в адаптивному режимі, наприклад, якщо ви вибрали iPad Air і зробили повнорозмірний знімок екрана з прокруткою домашньої сторінки osxdaily.com, ваш знімок екрана може бути приблизно 2084 × 16439 пікселів. Очевидно, що довший стиль сторінки або
Якщо ви не прокручуєте всю веб-сторінку, будь-які відкладено завантажені зображення не будуть захоплені знімком екрана, що робить повний знімок екрана неповним і нерепрезентативним для того, що користувач бачить на сторінці.
Зйомка скріншотів повної сторінки в Chrome за допомогою консолі
Ще один спосіб зробити повний знімок екрана сторінки в Chrome – скористатися командою «Виконати» на консолі розробника, ввести «скріншот», а потім вибрати «Зробити повнорозмірний знімок екрана» серед параметрів, що з’являться. Не забудьте прокрутити всю веб-сторінку, перш ніж робити це також.
Це може бути кращим варіантом для деяких користувачів, але він трохи складніший для тих, хто менше знайомий з командними рядками.
Чи ці методи для Chrome простіші, ніж ті, що доступні в Safari для Mac із інструментами розробника? Або надзвичайно простий спосіб зробити повний знімок екрана веб-сторінки на Mac за допомогою Firefox? Або ще простіший спосіб робити повні знімки екрана за допомогою iPhone або iPad? Це вирішувати вам, і це також, ймовірно, залежить від того, яким браузером ви користуєтеся найчастіше, і від вашого знання кожного з них.