Как сделать длинный скриншот в Гугл Хром

Всем привет. С вами Corvax. Очень часто в работе разработчика приходится взаимодействовать с членами команды и отсылать им скриншоты экрана, дабы показать нужную часть интерфейса для проведения нужных правок или оценки. С этой задачей легко может справится обычный Print Screen либо такие программы как Joxi или Lightshot.

Но что делать если нужен скриншот целой страницы, да еще и в хорошем качестве? В этой статье я постараюсь ответить на эти вопрос, не используя каких-либо плагинов кроме стандартно входящих в инструменты современного браузера. Поехали.

Firefox

Начну с браузера Firefox. Используем DevTools (панель инструментов разработчиков) кликаем на значок “Настройки инструментов” и в разделе “Доступные кнопки инструментов” ставим галочку “Сделать скриншот всей странице”. В результате в DevTools рядом с кнопкой настроек появляется новая кнопка “Сделать скриншот всей страницы” при нажатие на которую у нас будет производиться скриншот всего экрана.

Скриншот сайта целиком в Google Chrome. Как сделать длинный скриншот на ПК.

Chrome

Начиная с Chrome (с версии 59) в DevTools предусмотрена возможность делать скриншоты экрана в двух режимах. Давайте рассмотрим это поподробнее.

Включим DevTools и перейдем в режим проверки “адаптивного дизайна”. В правом верхнем углу нажмем на тогл (три точки) и в выпадающем меню выберем нужный нам режим скриншота: часть экрана (capture screenshot) или полный экран (capture full size screenshot). В результате вашего выбора на “локаль” сохранится скриншот в формате .png. Важно понимать, что в режиме “адаптивного дизайна” можно выбирать произвольную ширину, либо установленную ширину по выбранному девайсу (iphone5s, iphone6 и т.д.) что повлияет в итоге на полученный скриншота.

Safari

В Safari что бы сделать скриншот достаточно перейти в Файл-> Экспортировать как PDF. В результате чего мы получим в формате PDF скриншот старицы. К сожалению этот способ не является удобным т.к. мы получаем PDF файл который разбит на страницы и его не так удобно передавать и использовать, как обычный “скрин” в формате png. Я бы рекомендовал использовать в Safari дополнительные плагины такие как Awesome Screenshot, BrowseShot или Paparazzi!.

Заключение

Вот и подошла к концу эта небольшая статья. Я надеюсь, что мне удалось дать вам кусочек полезной информации. Помните, всегда пользуйтесь теми инструментами, которые удобны именно вам. С вами был Corvax. Оставляйте ваши комментарии, учитесь, развивайтесь и успехов вам дорогие друзья.

Подписывайтесь на наш канал в Telegram и на YouTube для получения самой последней и актуальной информации.

Источник: webtricks-master.ru

Как сделать скриншот определённого участка в Google Chrome без расширений

Как сделать скриншот с прокруткой сайта в Chrome

Создать снимок экрана на компьютере так же просто, как и на телефоне. Однако это не касается длинных скриншотов, особенно прокручиваемых, поскольку ни в Windows, ни в macOS нет предустановленного инструмента для этого. Если вы хотите сделать снимок экрана с прокруткой, но не знаете, как это сделать, мы предоставим инструменты, необходимые для создания снимка экрана с прокруткой.

В этом руководстве мы объясним, как сделать снимок экрана с прокруткой в ​​Chrome как в Windows 10, так и в macOS. Кроме того, мы предоставим инструкции по созданию обычных и длинных статических скриншотов. Читайте дальше, чтобы найти лучшие приложения для захвата экрана и расширения Chrome.

Как сделать длинный скриншот веб-сайта с прокруткой в ​​Chrome?

Google Chrome предлагает широкий спектр расширений, отвечающих потребностям любого пользователя – включая инструменты захвата экрана. Чтобы сделать скриншот веб-сайта с прокруткой в ​​Chrome, выполните следующие действия:

1. Посетите интернет-магазин Google Chrome и введите “Снимок экрана” в строке поиска, расположенной в верхнем левом углу экрана.
   
2. Выберите любое расширение для захвата экрана из предложенных – например, FireShot — одно из самых популярных расширений для Chrome.
   
3. Нажмите “Добавить в Chrome” затем “Добавить расширение.”
   
4. Новый значок расширения должен появится в правом верхнем углу вашего браузера. Значок FireShot представляет собой букву “S.”
   
5. Откройте страницу, скриншот которой хотите сделать, и нажмите на значок расширения.
   
6. Выберите тип снимка экрана, который вы хотите сделать – вся страница, видимая часть страницы, выбранная часть и т. д.
   
7. Выберите тип файла скриншота и используйте клавишу “Shift” клавишу на клавиатуре, чтобы сделать снимок экрана.

Как сделать длинный скриншот веб-сайта с прокруткой в ​​Chrome в Windows 10?

Создать скриншот в Windows 10 очень просто – можно использовать сочетания клавиш. Однако, если вы хотите сделать длинный снимок экрана, вам потребуется дополнительное программное обеспечение. Найдите наши избранные приложения для захвата экрана и руководство по их использованию ниже.

PicPick:

1. Перейдите на официальный сайт PicPick и нажмите “Загрузить” затем следуйте инструкциям на экране.
   
2. Запустите приложение и откройте “Старт” на левой боковой панели.
   
3. В разделе “Снимок экрана” выберите тип снимка экрана, который вы хотите сделать – полноэкранный режим, активное окно, управление окном, окно с прокруткой или выбранная область. Нажмите “Прокручивающееся окно” чтобы сделать длинный скриншот.
   
4. Откройте веб-страницу, которую хотите сделать , затем нажмите и удерживайте “Ctrl” + “Альт» Затем нажмите клавишу “Prtsc” key.
   
5. Щелкните левой кнопкой мыши в углу выделенного красным прямоугольника и перетащите, чтобы выбрать область снимка экрана.
6. Как только вы отпустите кнопку мыши, страница начнет медленно прокручиваться сама по себе. Подождите пару секунд, пока не будет сделан скриншот.

ShareX:

1. Посетите официальный веб-сайт ShareX и загрузите приложение.
   
2. После установки , запустите приложение и выберите “Capture” на левой боковой панели.
   
3. Выберите “Захват с прокруткой”
   
4. Нажмите “Выбрать веб-страницу” , чтобы выбрать веб-страницу, которую вы хотите сделать снимком экрана.
5. Выберите область снимка экрана, щелкнув левой кнопкой мыши в углу выделенного поля и перетащив его.
6. Отпустите кнопку мыши и подождите, пока не будет сделан скриншот с прокруткой.

Как сделать длинный скриншот веб-сайта с прокруткой в ​​Chrome на macOS?

Как и в Windows, вы можете быстро делать скриншоты на Mac с помощью сочетаний клавиш – но это не работает для прокрутки снимков. Вот лучшие инструменты для создания скриншотов с прокруткой в ​​macOS:

Capto:

1. Посетите официальном веб-сайте Capto и нажмите “Загрузить” затем следуйте инструкциям на экране.
   
2. Перейдите на веб-страницу, которую вы хотите захватить, и запустите приложение Capto.
3. Найдите значок Capto в строке меню в верхней части экрана и нажмите на него.
4. В раскрывающемся меню выберите “Привязать URL активного браузера”
   
5. Подождите, пока будет сделан снимок экрана.

CleanShot X:

1. Установить приложение CleanShot X с официального сайта.
2. Откройте веб-страницу вы хотите сделать снимок.
3. Запустите приложение из меню в верхней части экрана и нажмите “Снимок с прокруткой”
4. Щелкните левой кнопкой мыши и, удерживая ее, перетащите, чтобы выделить область снимка экрана.
5. Нажмите “Готово” и подождите, пока будет сделан снимок экрана.

ShareX:

1. Посетить на официальном веб-сайте ShareX и загрузите приложение.
2. После установки запустите приложение и выберите “Capture” на левой боковой панели.
3. Выберите “Снимок с прокруткой”
4. Нажмите “Выбрать веб-страницу” чтобы выбрать веб-страницу, скриншот которой хотите сделать.
5. Выберите область снимка экрана, щелкнув левой кнопкой мыши в углу поля выделения и перетащив его.
6. Отпустите кнопку мыши и подождите, пока не появится прокручиваемый снимок экрана. сделано.

Как сделать скриншот с прокруткой в ​​мобильном приложении Chrome

Если вы предпочитаете использовать свое мобильное устройство, вы будете рады узнать, что iOS и Android предлагают собственное программное обеспечение для прокрутки скриншотов. Хотя процесс создания снимка экрана с прокруткой сильно различается в обеих операционных системах, каждая из них невероятно проста.

Вот как сделать снимок экрана с прокруткой на iPhone:

1. Откройте веб-страницу, которую вы хотите сделать скриншотом, и нажмите комбинацию кнопок iPhone, чтобы сделать снимок экрана.
   На iPhone с кнопкой “Домой” используйте комбинацию кнопки “Домой” и кнопки питания.
   iPhone без кнопки “Домой” использует кнопку Siri (ранее — кнопку “Домой”) и увеличение громкости.
   
2. Нажмите на снимок экрана в левом нижнем углу, чтобы развернуть его. Затем нажмите Вся страница.
   
3. Теперь весь Интернет страница захвачена на вашем скриншоте. Нажмите Готово в правом верхнем углу, чтобы сохранить фото в фотогалерее телефона.
   

Вы также можете сделать скриншот с прокруткой на телефоне Android. Вот как это сделать:

1. создайте снимок экрана, проведя рукой по экрану или нажав комбинацию кнопок, чтобы инициировать снимок экрана (это зависит от производителя).
2. Нажмите на значок стрелки в нижней части экрана для прокрутки. Продолжайте нажимать на значок стрелки, пока не включите все части экрана, которые хотите захватить.

Нажмите «Готово», когда создадите длинный снимок экрана.

Часто задаваемые вопросы

Прочитайте этот раздел, чтобы узнать больше о том, как делать снимки экрана в Chrome и других приложениях на вашем компьютере.

Как сделать снимок экрана целиком Веб-страница в Windows?

Вам не обязательно делать скриншот с прокруткой, чтобы захватить всю веб-страницу. Вместо этого вы можете сделать длинный статический снимок экрана или сохранить веб-страницу в формате PDF.

Чтобы сделать длинный снимок экрана, вам потребуется дополнительное программное обеспечение. Просто найдите инструменты для захвата экрана в интернет-магазине Chrome или используйте приложения для Windows, такие как ShareX или PicPick. В зависимости от выбранного инструмента точные инструкции могут различаться.

Однако чаще всего общие шаги заключаются в открытии веб-страницы, запуске расширения, выборе типа снимка экрана и его площадь и подтвердите.

Чтобы сохранить веб-страницу в формате PDF, откройте ее и нажмите “Файл” и выберите “Печать” из выпадающего меню. Затем нажмите “Изменить” в разделе “Назначение” и выберите “Сохранить как PDF”

Как получить плавную прокрутку, похожую на Edge, в Chrome в Windows 10?

Браузер Microsoft Edge имеет одно небольшое, но заметное преимущество перед Chrome – плавная прокрутка. Конечно, это не является уважительной причиной для перехода на другой браузер.

К счастью, вы можете добиться такой же плавной прокрутки в Chrome с помощью расширений. Введите “Плавная прокрутка” в поле поиска в интернет-магазине Chrome и установите тот, который вы предпочитаете. Мы рекомендуем инструмент SmoothScroll – помимо своей основной цели, он позволяет вам управлять другими параметрами прокрутки, такими как скорость.

Как сделать снимок экрана с прокруткой в ​​Windows 10?

К сожалению, в Windows 10 нет предустановленного инструмента для создания снимка экрана с прокруткой. Однако для этого можно использовать различные сторонние приложения. Итак.

Некоторыми из лучших инструментов для захвата экрана для Windows являются ShareX и PicPick, и их можно загрузить с официальных веб-сайтов их разработчиков, и для их загрузки требуется всего несколько щелчков мыши. скриншот с прокруткой.

Как сделать снимок экрана в браузере Chrome?

Если вам интересно, как сделать обычный снимок экрана в Chrome, не беспокойтесь – для этого вам не нужно никакого дополнительного программного обеспечения. Откройте веб-страницу, которую хотите захватить. В Windows нажмите “Prtsc” или “Ctrl” + “Сдвиг” + «Я» если у вас нет “Prtsc” кнопку на клавиатуре.

На Mac используйте “Command” + “Вариант” + «Я» Сочетание клавиш. Затем нажмите “Ctrl” + “Сдвиг” или “Команда” + “Сдвиг” чтобы увидеть инструменты разработчика. Введите “скриншот” в поле поиска и выберите 1 тип снимка экрана, который вы хотите сделать, из предложенных – область, полноразмерный снимок экрана или снимок узла.

Полезные инструменты

Забудьте о создании нескольких статических снимков экрана, которые захватывают только видимую область веб-страницы. Теперь, когда вы знаете, как сделать снимок экрана с прокруткой в ​​Chrome, обмен информацией о веб-странице должен стать более удобным и менее трудоемким. Кроме того, некоторые приложения для захвата экрана для Windows и macOS позволяют редактировать снимки экрана – например, вы можете выделить самую важную информацию на странице.

Какие самые полезные расширения Chrome вы пробовали? Поделитесь своим опытом в разделе комментариев ниже.

Источник: gmodz.ru

Google Chrome наконец получил поддержку длинных скриншотов в Android 12

Одним из действительно полезных нововведений Android 12 стали скриншоты с прокруткой. Эта функция позволяет сделать снимок переписки или всей веб-страницы, а не только видимой части. Google начала экспериментировать с длинными скриншотами в своём браузере ещё год назад, но затем компания реализовала их на уровне всей системы в Android 12. Тем не менее эта функция до последнего времени не работала в Chrome, но на днях заработала.

Подписывайтесь на наш Телеграм

В конце октября, когда был выпущен Android 12, кнопка «Захватить больше» в нижнем левом углу экрана предварительного просмотра не отображалась в Chrome. Проблема заключалась в том, что разработчики встроили эту функцию не надлежащим образом. Вместо того, чтобы делать несколько снимков экрана и «сшивать» их вместе в фоновом режиме, скриншоты с прокруткой использовали View-элементы каждого приложения, чтобы захватить изображение на экране и за его пределами. К сожалению, это противоречило Chrome и другим браузерам, так как приложения WebView не работали с этим инструментом.

Источник изображений: 9to5google.com

Продолжая работу над тем, чтобы сделать скриншоты с прокруткой системной функцией, Google наконец добавила их поддержку в Chrome. Изменение появилось на днях и начало развёртываться повсеместно. Работает как на Android 12, так и на Android 12L с ноябрьским и декабрьским обновлениями.

Материалы по теме:

• 10 новых скрытых настроек Chrome, ускоряющих браузер. Проверил на старом ПК
• Android 12 и 13 окрашиваются под цвет обоев. Это отличная, но провальная идея
• Кастомные прошивки Android 12 для Xiaomi, Samsung, Realme и других смартфонов
• 7 браузеров на Chromium для Android, которые лучше Chrome. Для продвинутых
• 10 скрытых опций Chrome, о которых мало кто знает. Например, встроенная подмена локации

Источник: trashbox.ru