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

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

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

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

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

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

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

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

DOM

КАК СДЕЛАТЬ СКРИНШОТ В БРАУЗЕРЕ

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

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

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

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

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

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

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

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

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



Оцените инструкцию:
1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд (1 оценок, среднее: 5,00 из 5)
Загрузка...


3 комментария к “Как сделать скриншот в браузере любого элемента веб-страницы

  1. ОБАЛДЕТЬ!!!!!!! А я мучился ,делая скрины по одному! Ну спасибочки Вам огромное и дай Вам Бог здоровья,и пусть пальцы у Вес не болят по кнопочкам нам на радость!

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

Оставьте комментарий