Робіть повнорозмірні знімки екрана з прокручуванням веб-сторінок у Chrome

Зміст:

Anonim

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

Підходи, які ми розглянемо, щоб отримати повнорозмірні знімки екрана веб-сторінки за допомогою Chrome, потребують повної версії Chrome для будь-якого пристрою настільного рівня, зокрема Mac, Windows, Linux і Chromebook.Плагіни не потрібні, оскільки ми використовуватимемо вбудовані інструменти розробника з Chrome.

зверніть увагу, що тут ми розглядаємо браузер Chrome для комп’ютера. Ви також можете робити знімки екрана повної сторінки за допомогою Firefox, Safari на Mac і Safari для iPhone та iPad, якщо вам це потрібно або надаєте перевагу.

Як зробити повнорозмірні знімки екрана з прокруткою в Chrome

Готові зробити повнорозмірний знімок екрана веб-сторінки в Chrome? Ось що потрібно зробити:

  1. Відкрити інструменти розробника Chrome (перегляд > інструментів розробника >)
  2. Натисніть кнопку «Режим адаптивного дизайну» в панелі інструментів розробника
  3. Прокрутіть униз усю веб-сторінку, щоб завантажити всі зображення (це важливо для зйомки відкладеного завантаження зображень, загальної техніки, яка використовується для прискорення веб-сторінок)
  4. Натисніть три вертикальні крапки у верхньому правому куті інструмента адаптивного дизайну та виберіть «Зробити повнорозмірний знімок екрана»
  5. Повнорозмірний знімок екрана з’явиться у папці завантажень Chrome за умовчанням

На Mac ви знайдете повнорозмірний знімок екрана веб-сторінки, доступний у завантаженні користувача, якщо ви не змінили це вручну.

Розміри зробленого знімка екрана відрізнятимуться залежно від того, який пристрій ви обрали в адаптивному режимі, наприклад, якщо ви вибрали iPad Air і зробили повнорозмірний знімок екрана з прокруткою домашньої сторінки osxdaily.com, ваш знімок екрана може бути приблизно 2084 × 16439 пікселів. Очевидно, що довший стиль сторінки або

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

Зйомка скріншотів повної сторінки в Chrome за допомогою консолі

Ще один спосіб зробити повний знімок екрана сторінки в Chrome – скористатися командою «Виконати» на консолі розробника, ввести «скріншот», а потім вибрати «Зробити повнорозмірний знімок екрана» серед параметрів, що з’являться. Не забудьте прокрутити всю веб-сторінку, перш ніж робити це також.

Це може бути кращим варіантом для деяких користувачів, але він трохи складніший для тих, хто менше знайомий з командними рядками.

Чи ці методи для Chrome простіші, ніж ті, що доступні в Safari для Mac із інструментами розробника? Або надзвичайно простий спосіб зробити повний знімок екрана веб-сторінки на Mac за допомогою Firefox? Або ще простіший спосіб робити повні знімки екрана за допомогою iPhone або iPad? Це вирішувати вам, і це також, ймовірно, залежить від того, яким браузером ви користуєтеся найчастіше, і від вашого знання кожного з них.

Робіть повнорозмірні знімки екрана з прокручуванням веб-сторінок у Chrome