Как сделать скриншот элемента веб-страницы в Firefox

Просмотров: 250

Как сделать скриншот элемента веб-страницы в FirefoxНедавно открыл для себя ещё одну очень полезную функцию в моем любимом интернет-браузере Firefox, а именно возможность быстро сделать скриншот любого элемента на странице сайта.

Это позволит существенно сэкономить ваше драгоценное время, затрачиваемое на редактирование (обрезку, сохранение и т.д.) сделанного скриншота всей веб-страницы в различных графических приложениях с целью получения снимка её отдельной части.

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

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

Когда страница загружается, ваш браузер создает её объектную модель (DOM), отображаемую в виде древовидной структуры с объектами, являющимися частью документа.

Теперь давайте посмотрим, как вы можете это использовать для захвата определенного элемента в скриншот.

В Firefox, выполните следующие действия:

1. На желаемой странице выберите любой её вэб-элемент, нажмите на нём правой кнопкой мышки и в открывшемся контекстном меню нажмите на «Исследовать элемент».

Исследовать элемент

2. В появившемся окне Инспектора, в строке DOM с древовидной структурой, будет подсвечен выбранный вами вэб-элемент.

DOM

КАК СДЕЛАТЬ СКРИНШОТ

1. Кликните правой кнопкой мышки на нём, вызвав тем самым контекстное меню и нажмите на «Скриншот узла».

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

Созданный скрин сразу будет загружен браузером в папку его загрузок.

Скрин элемента

2. Таким способом можно сделать снимок любой части страницы веб-сайта, будь-то картинка, текст, заголовок и т.д., а также длинные элементы, которые требуют прокрутки.

Инспектирование объекта

Скриншот объекта

Скриншот текста

Кликнув по иконке с изображением квадратика со стрелочкой в окне Инспектора, вы в дальнейшем сможете выбрать любой вэб-элемент, простой наводкой курсора мыши на него.

P.S. Получить больше полезных советов вы сможете тогда, когда перейдете в Карту блога!

Комментарии:

One comment

  1. Сделать захват с задержкой в описании Snapito, как я понял, позволяет запечатлеть даже flash-анимацию на странице? Т.е. вебшот будет в формате GIF?

Leave a Reply

Ваш e-mail не будет опубликован.