Скриншот страницы из панели разработки в Firefox

Скриншот страницы из панели разработки в Firefox

Сделать скриншот веб-страницы во всю высоту и с несколькими другими опциями возможно в браузере Firefox без дополнительных расширений.

Нажатием комбинации клавиш Shift+F2 на нужной странице вызываем в браузере панель разработки.

Внизу окна откроется панель с строкой GCLI консоли.

 

строка GCLI консоли

 

В первый запуск с сообщением:

GCLI является экспериментом по созданию высокоэффективной командной строки для веб-разработчиков.
Для показа списка команд наберите help, или для показа/скрытия подсказок для команд нажмите F1/Escape.

В строку ниже введите команду screenshot имя файла и опции, например

screenshot file-01.png --fullpage --clipboard --imgur --delay 5

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

В панели поддерживаются подсказки команд во время набора, табуляцией дополняются.

  • ––clipboard — скриншот будет скопирован в буфер обмена, а значит появится возможность вставить его в графический редактор.
  • ––imgur — загружает файл скриншота на онлайн-сервис загрузки, хранения и обмена фото-изображений. Ссылка будет отображена в окошечке превью. Загружает на imgur.com и сохраняет в папку загрузок, может быть полезно, если необходимо передать изображение.
  • ––delay — время задержки в секундах… опция пока не пригодилась.
  • ––dpr — пиксельное соотношение устройства, настройка под определенное устройство.
  • ––fullpage — скриншот буде во всю высоту страницы включая часть за пределами видимой области.
  • ––selector — указать CSS-селетктор в рамках которого будет создан скриншот. Должен быть в единственном экземпляре на странице.

При возникновении вопросов смотрите полную справку по опции help screenshot, для справки по всем командам — help.

Доступные команды:

  • addon — Манипуляция дополнениями help addon
  • appcache — Утилиты кэша приложения help appcache
  • break — Управление точками останова help break
  • calllog — Команды для управления журналированием вызовов функций help calllog
  • clear — Очистить область вывода help clear
  • console — Команды управления консолью help console
  • context — Сконцентрироваться на группе команд help context
  • cookie — Показ и изменение куков help cookie
  • dbg — Управление отладчиком help dbg
  • edit — Правка ресурса страницы help edit
  • export — Экспорт ресурсов help export
  • eyedropper — Захватить цвет со страницы help eyedropper
  • folder — Открытие папок help folder
  • help — Справка по доступным командам help help
  • highlight — Подсветить узлы help highlight
  • inject — Внедрение в страницу типовых библиотек help inject
  • inspect — Исследовать узел help inspect
  • jsb — Красивое форматирование JavaScript help jsb
  • listen — Открыть удаленный порт отладки help listen
  • mdn — Получить документацию с MDN help mdn
  • measure — Измерить часть страницы help measure
  • media — Эмуляция медиа-типа CSS help media
  • pagemod — Изменение страницы help pagemod
  • paintflashing — Подсвечивать прорисованную область help paintflashing
  • pref — Команды управления параметрами help pref
  • qsa — Выполнить querySelectorAll над текущим документом и вернуть число совпадений help qsa
  • resize — Управление режимом адаптивного дизайна help resize
  • restart — Перезапуск Firefox help restart
  • rulers — Показать/скрыть линейки на этой странице help rulers
  • screenshot — Сделать скриншот страницы help screenshot
  • security — Показать поддерживаемые функции безопасности и приватности help security
  • unhighlight — Снять подсветку со всех узлов help unhighlight
  • unlisten — Закрыть все порты удалённой отладки help unlisten

Записи с такими же тегами:

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *