Надстройка Firefox с открытым исходным кодом для создания скриншота всей страницы

Николя Рауль

Надстройка Firefox с открытым исходным кодом для создания скриншота всей страницы

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

Абсолютные требования:

  • ДОЛЖЕН БЫТЬ ОТКРЫТЫЙ ИСТОЧНИК ( в отличие от другого вопроса ), пожалуйста, предоставьте ссылку на источник
  • Захватить всю страницу
  • Сохранить как PNG
  • Работает на Linux/Mac/Windows

Я предпочитаю надстройку, которая ТОЛЬКО захватывает всю страницу. Если бы я хотел получить только часть страницы, я бы использовал встроенный в ОС инструмент для создания снимков экрана.

Что я пробовал:

  • Я использовал Nimbus, но они начали вставлять плагины к нежелательным сервисам.
  • нажимая shift- f2для консоли то ввод screenshot /path/to/file --fullpageзанимает слишком много времени.
  • Похищение! имеет открытый исходный код, но больше не поддерживается и не работает в текущем Firefox.

Томас Веллер

Многие программы больше не будут работать для современных веб-сайтов, поскольку веб-сайты используют эти функции прокрутки параллакса в JavaScript. Даже встроенная функция Firefox (ответ ниже) не работает на таких сайтах, как boy-coy.com .

Антти

Firefox теперь имеет встроенный инструмент «Сделать снимок экрана» в адресной строке (щелкните три точки). Он имеет полный скриншот страницы и видимый скриншот страницы. Можно скопировать в буфер обмена или скачать. Довольно удобно!

Николя Рауль

Linux Firefox: Доступно по щелчку правой кнопкой мыши на любой веб-странице :-)

wb9688

Вы уже можете сделать это с Firefox:

  1. НажиматьF12
  2. Нажмите на настройки
  3. Включить снимок экрана на всю страницу
  4. Теперь вы всегда можете щелкнуть значок камеры, и снимок экрана будет сохранен в папке «Загрузки».

Окер

Вы также можете нажать :или , Shift+F2чтобы открыть графическую командную строку, а затем ввести ее screenshot filename, чтобы сделать снимок экрана. Чтобы взять целую страницу, используйте :screenshot filename -fullpage.

Вы также можете посетить страницу справки через help screenshot. Ниже показано, что он показывает:

Синопсис: скриншот [имя файла] [--буфер обмена] [--imgur] [--delay ...] [--dpr ...] [--fullpage] [--selector ...] [--chrome]
Сохранение PNG-изображения всего видимого окна (опционально после задержки)

Опции:
[filename] (строка, helpManOptional)
Имя файла (должно иметь расширение «.png»), в который мы записываем снимок экрана.
[--clipboard] (логическое значение, обязательно)
Истинно, если вы хотите скопировать снимок экрана, а не сохранять его в файл.
[--imgur] (логическое значение, обязательно)
Используйте, если вы хотите загрузить на imgur.com вместо сохранения на диск.
[--delay ...] (число, helpManOptional)
Время ожидания (в секундах) до того, как будет взято
[--dpr ...] (число, helpManOptional)
Соотношение пикселей устройства для использования при создании снимка экрана
[--fullpage] (логическое значение, обязательно)
Истинно, если снимок экрана должен также включать части веб-страницы, которые находятся за пределами текущей прокручиваемые границы.
[--selector ...] (remote, helpManOptional)
Селектор CSS для использования с document.querySelector, который идентифицирует один элемент.

Дополнительные параметры:
[--chrome] (логическое значение, обязательное)
True, если вы хотите сделать снимок экрана окна Firefox, а не окна содержимого веб-страницы.

Примечание: это работает только для Firefox 61-

Маниш Патель

Используйте расширение Firefox WebTOPDF , оно бесплатное и не обрабатывается сервером. Он сделает снимок экрана всей страницы. Даже включите ту, которая в данный момент не отображается на экране (прокрутка). Это расширение предназначено только для Windows . Его исходный код с открытым исходным кодом. Он использует HTML2Canvas . Он создает только PDF-файл. Да, я его владелец.

Николя Рауль

Не могли бы вы сообщить, что вы являетесь автором этого расширения? Спасибо!

Николя Рауль

Удовлетворяет ли он требованию «Работает на Linux/Mac/Windows»? В Linux я получаю сообщение «Недоступно для вашей платформы».

Николя Рауль

Удовлетворяет ли он требованию «Сохранить как PNG» и требованию «ДОЛЖЕН БЫТЬ ОТКРЫТЫЙ ИСТОЧНИК»?

Маниш Патель

Да. Это расширение предназначено только для Windows. Его исходный код с открытым исходным кодом. Он использует HTML2Canvas. Он генерирует только PDF. Используя Html2Canvas, также можно сохранить как png.

Николя Рауль

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