Маленький трюк, позволяющий создать в Firefox скриншот определенного веб-элемента

Если ваш любимый браузер — Mozilla Firefox, возможно, вы считаете, что знаете об этом браузере всё. А известно ли вам, что в Firefox есть на первый взгляд малоприметная, но весьма полезная функция, позволяющая создавать качественные скриншоты отдельных элементов веб-страниц, причём без использования сторонних дополнений? Достаточно будет встроенного в браузер инспектора DOM и стилей.


Инспектор DOM или как ещё говорят DOMi — это специальный модуль, предназначенный для проверки, просмотра и редактирования объектной модели документа, коим является веб-страница. Используется он в основном разработчиками, впрочем, немало чего полезного найдут в нём и простые пользователи, в чём вы сами сейчас убедитесь на примере создания с его помощью скриншотов веб-страниц.

Открыть DOMi можно двумя способами: кликнув по выбранному элементу страницы правой кнопкой мыши и выбрав опцию «Исследовать элемент» или нажав кнопку F12 на клавиатуре. Первый способ предпочтительнее, так как позволяет сразу находить в коде нужный блок, особенно если необходимо создать скриншот определённого элемента, например, таблицы, хедера или футера.

Создаются снимки очень просто. В инспекторе выделите мышкой нужный вам блок, кликните правой кнопкой мыши и выберите в контекстном меню опцию «Скриншот узла».

Скриншот узла

Изображение в формате PNG будет сохранено в ту же папку, в которую Firefox у вас сохраняет загружаемые из интернета файлы. Ну а самое замечательное в этом способе то, что он позволяет захватывать длинные блоки, используя для этого механизм прокрутки.

Скриншот

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

Нажав Shift + F2, выполните в открывшейся в нижней части страницы команду:

И снимок будет сохранён в вашу папку загрузок Firefox.

Теги: , ,

Предыдущая/следующая

Вам может быть интересно:

Поделиться в соц сетях:

Twitter Facebook Vk Googlepluse Linkedin

Подпишитесь на обновления этого блога по RSSRSS, RSSMAILEmail или TwitterTwitter!

Случайная подборка из рубрики:

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

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

Обсуждаемые темы: