Могу ли я создавать скриншоты с высоким разрешением в Firefox?

В Firefox я могу создать полноэкранный снимок экрана, когда перехожу на панель инструментов веб-разработчика (можно активировать в настройках инструмента разработчика). К сожалению, я могу это сделать только с разрешением по умолчанию. Есть ли вообще шанс получить изображения более высокого разрешения? С Firefox или надстройкой? Или можно в другом браузере?


firefox screenshot webpage-screenshot high-resolution
person robsch    schedule 23.09.2015    source источник
comment
Под более высоким разрешением вы на самом деле имеете в виду больший размер области просмотра? Если да, используйте режим адаптивного дизайна и увеличьте отображаемые размеры…   -  person CBroe    schedule 23.09.2015
comment
@CBroe Нет. Представьте, что я увеличил бы изображение с помощью Firefox, а затем сделал бы снимок экрана. Скажем, увеличение 200% при ширине окна 1000 пикселей, тогда я хотел бы иметь изображение с 2000 пикселей. Но это должен быть скриншот всей страницы.   -  person robsch    schedule 23.09.2015
comment
Похоже на то, что, вероятно, следовало разместить на bugzilla.mozilla.org   -  person Mike 'Pomax' Kamermans    schedule 15.10.2018
comment
@ Mike'Pomax'Kamermans Оказалось, что это было так, и было исправлено: bugzilla.mozilla.org /show_bug.cgi?id=1464461   -  person Calimo    schedule 17.10.2018

Ответы (4)


arrow_upward
16
arrow_downward

Firefox 62 и более поздние версии

В Firefox 62 и последующих версиях GCLI был удален, а команда была перенесена в веб-консоль и с префиксом двоеточие.

Чтобы сделать снимок экрана с разрешением, в 4 раза превышающим собственное разрешение экрана, откройте веб-консоль (Tools -> Web Developer -> Web Console или Ctrl Shift K , Cmd Option K на Mac) и введите:

:screenshot --dpr 4

Имя файла теперь необязательно, и консоль сообщит вам, где был сохранен файл (обычно в разделе «Загрузки» с системной схемой именования).

Доступны дополнительные параметры, см. документацию по веб-консоли и Дополнительную информацию можно найти в сообщении в блоге Эрика Мейера.

Дополнительное примечание: большие значения DPR не всегда работают. Вроде есть ограничение около 120 мегапикселей. Скриншоты большего размера просто не будут завершены и ничего не будут делать беззвучно. Если команда ничего не делает для вас, попробуйте уменьшить dpr или изменить размер окна, пока не получите что-нибудь.

person Calimo    schedule 17.10.2018
comment
Кажется, что веб-консоль отделена от консоли разработчика. Если бы я перешел в обычную консоль, команда screenshot не работала. Кажется, он принимает только js-код. Если бы я пошел на веб-страницу и нажал ‹kbd› shift ‹/kbd› + ‹kbd› f2 ‹/kbd›, это сработало. Может я что-то делал не так. - person Scribblemacher; 03.04.2019
comment
@Scribblemacher то, что вы описываете, - это поведение до Firefox 62. Этот ответ применим только к Firefox 62 и более поздним версиям. У вас, вероятно, версия 60 ESR, поэтому этот ответ не работает, и вам следует проверить другие. - person Calimo; 03.04.2019
comment
Вы правы, это 60 ESR. Shift + F2 помогал мне перейти на веб-консоль. Команда скриншота все еще работала. - person Scribblemacher; 04.04.2019
comment
@Scribblemacher: нет, Shift + F2 открывает панель инструментов разработчика, также известную как GCLI. До Firefox 62 это было отдельно от веб-консоли. Он был удален в Firefox 62 и больше не существует: теперь существует только веб-консоль. - person Calimo; 04.04.2019
comment
Очень полезный ответ, спасибо. Я подтвердил, что --dpr 8 действительно имеет неудачное поведение: большие снимки экрана просто не завершаются и ничего не делают, молча на страницах, на которых я это пробовал. Только --dpr 4 вроде работало стабильно. - person bgoodr; 04.08.2019

arrow_upward
12
arrow_downward

В Firefox я использую следующие приемы:

  • Shift-F7 (или перейдите в меню «Инструменты» -> Веб-разработчик -> редактор стилей) и вставьте эти строки, чтобы увеличить всю страницу (здесь на 4 или 400 %, так что, например, 72dpi становится 288dpi, и мы приближаемся к изображению для печати):

body {
  zoom: 4;  /* change zoom factor here... */
  -moz-transform: scale(4);  /* ...and here. */
  -moz-transform-origin: 0 0;
}

  • затем Shift + F2 (или «Инструменты»> Веб-разработчик> панель инструментов разработчика) и в маленькой подсказке внизу:

screenshot --fullpage
// or, directly into the clipboard instead of a png in the download folder
screenshot --fullpage --clipboard

Вы также можете поиграть с Инструментами> Веб-разработчик> Представление адаптивного дизайна (или Ctrl + Shift + M), которое позволяет вам указывать собственные разрешения и иметь отличную кнопку, чтобы сделать снимок экрана, но масштабирование все еще имеет делать вручную.

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

Ссылка: получил первый трюк от Как я могу масштабировать Вся веб-страница с помощью CSS?: похоже, что у Firefox все еще есть проблемы с правилом CSS масштабирования, поэтому -moz-* правила все равно нужно добавить, по крайней мере, до версии 38. Если это будет исправлено в будущих версиях, просто укажите zoom: NN;.

person Chl    schedule 13.03.2016
comment
Что касается Firefox 62, похоже, что инструмент разработчика Shift + F2 был удален. - person pixelistik; 11.09.2018

arrow_upward
7
arrow_downward

Я нашел отличный ответ от суперпользователя используя правильный параметр. В консоли разработчика (открывается с помощью SHIFT + F2) используйте:

screenshot filename.png --dpr 4

Это увеличит разрешение скриншота в 4 раза.

person fineliner    schedule 20.06.2018

arrow_upward
1
arrow_downward

Комбинируя приведенные выше ответы и комментарии, вы можете получить снимок экрана всей веб-страницы с приличным разрешением, нажав shift + F2 в Firefox. Затем, когда в нижней части экрана появится консоль, введите:

screenshot --fullpage --dpr 4 filename.png

В Windows 10 он по умолчанию сохраняет этот filename.png в папку C:\Users\yourusername\Downloads. Чтобы указать, вам нужно удвоить обратную косую черту:

screenshot --fullpage --dpr 4 C:\\Users\\yourusername\\path\\to\\filename.png

person r3robertson    schedule 25.08.2018