Как сделать снимок экрана сайта с высоким разрешением в Firefox

Ентузіаст
147
  1. Откройте веб-консоль, нажав Ctrl-Shift-K (Cmd-Option-K в macOS).
  2. Введите следующую команду: :screenshot --dpr 2
  3. Нажмите Ввод(Enter).

Это приводит к тому, что скриншот видимой в данный момент области сохраняется в папке «Загрузки» (с автоматически сгенерированным именем файла в виде «Screen Shot yyyy-mm-dd at hh.mm.ss.png»). Аргумент --dpr 2 заставляет Firefox использовать device-pixel-ratio, захватывая экран в два раза большем, чем обычное, разрешении.

 

Если вы хотите сделать скриншот полной страницы, добавьте --fullpage к команде. Вот полный список аргументов, которые вы можете использовать:

 

  • --clipboard Копирует скриншот в буфер обмена
  • --delay 5 ждет указанное количество секунд, прежде чем сделать снимок экрана
  • --dpr 2 Использует указанное device-to-pixel ratio(соотношение) для скриншота
  • --file Сохраняет снимок экрана в файл, даже если указан аргумент --clipboard
  • --filename screenshot.png Сохраняет скриншот под указанным именем
  • --fullpage Делает скриншот полной страницы(с прокруткой), а не только видимой в данный момент области
  • --selector "#id" Делает снимок экрана элемента, который соответствует указанному селектору CSS

 

К сожалению, пока нет (пока?) Команды для создания снимка экрана с указанным размером окна или области просмотра. Хороший обходной путь - открыть страницу в режиме адаптивного дизайна в Firefox:

 

  1. Активируйте режим адаптивного дизайна, нажав Ctrl-Shift-M (Cmd-Option-M в macOS).
  2. Отрегулируйте размер экрана по своему вкусу.
  3. Сделайте скриншот, как описано выше.

 

screen_min.png

 

Источник: www.drlinkcheck.com

 

От себя: Часть вещей уже реализована через интерфейс браузера, но коммандами во многом удобней.

10 Коментарі
Community manager

Отличная статья, спасибо. @Юрий_М  как вам?

Магістр
Статья хорошая , но сложно все :)) Я лично пользуюсь для этого программами. Удобней, имхо :)
Community manager

@Юрий_М lightshot?

Шукач

Paint nashe vse.

Магістр
И не только, но эта очень удобна, как по мне. Плюс комменты, а это уже другой уровень:) На самом деле, все зависит от задач, если экран фулл НД, куда еше выше разрешение и зачем? У меня только одна версия, сайты для взрослых архивировать :))) шучу
Шукач

@Юрий_М а зачем сайты Рыбалка и Охота архивировать?

 

Магістр
Трофеи нужно вялить и чучелить, а не скриншотить:)))) шучу
Шукач

@Юрий_М ладно похвастаюсь, блин этот сом на столько большой, что не возможно загрузить . рыба.jpg

Магістр
:))))
Ентузіаст

... куда еше выше разрешение и зачем?

Чаще всего для последующей нарезки скриншота на части, многие элементы страницы при увеличении dpr не теряют в качестве (в отличии от увеличения в любом растровом редакторе).