Недавно открыл для себя ещё одну очень полезную функцию в моем любимом интернет-браузере Firefox, а именно возможность быстро сделать скриншот любого элемента на странице сайта.
Это позволит существенно сэкономить ваше драгоценное время, затрачиваемое на редактирование (обрезку, сохранение и т.д.) сделанного скриншота всей веб-страницы в различных графических приложениях с целью получения снимка её отдельной части.
Также окажет помощь пользователям в то время, когда путешествуя по сайтам в интернете, им захочется быстро поделиться с друзьями полезной частью информации (картинкой, кусочком текста и т.д.).
В этой инструкции я покажу вам, как непосредственно сделать снимок любого элемента на веб-странице без использования сторонних программ.
Когда страница загружается, ваш браузер создает её объектную модель (DOM), отображаемую в виде древовидной структуры с объектами, являющимися частью документа.
Теперь давайте посмотрим, как вы можете это использовать для захвата определенного элемента в скриншот.
В Firefox, выполните следующие действия:
1. На желаемой странице выберите любой её вэб-элемент, нажмите на нём правой кнопкой мышки и в открывшемся контекстном меню нажмите на «Исследовать элемент».
2. В появившемся окне Инспектора, в строке DOM с древовидной структурой, будет подсвечен выбранный вами вэб-элемент.
КАК СДЕЛАТЬ СКРИНШОТ
1. Кликните правой кнопкой мышки на нём, вызвав тем самым контекстное меню и нажмите на «Скриншот узла».
Созданный скрин сразу будет загружен браузером в папку его загрузок.
2. Таким способом можно сделать снимок любой части страницы веб-сайта, будь-то картинка, текст, заголовок и т.д., а также длинные элементы, которые требуют прокрутки.
Кликнув по иконке с изображением квадратика со стрелочкой в окне Инспектора, вы в дальнейшем сможете выбрать любой вэб-элемент, простой наводкой курсора мыши на него.
P.S. Получить больше полезных советов вы сможете тогда, когда перейдете в Карту блога!
