Желео бих да поделим са вама цоол трик за Мозилла Фирефок који вам може повећати продуктивност и уштедети време. Док сурфујете Интернетом, понекад пожелите да поделите нешто са пријатељима тако што ћете снимити снимак екрана. Али потребно је неколико корака да бисте направили снимак екрана целе странице, сачували је, обрезали итд. У овом чланку ћемо видети како директно направити снимак екрана одређеног елемента на веб страници без употребе додатака.
Оглас
Када се учита веб страница, ваш веб прегледач креира објектни модел документа на страници. ДОМ је конструисан као структура стабла у којој је сваки чвор објекат који представља део документа.
Погледајмо како то можете да употребите за хватање само одређеног елемента на снимку екрана.
До направите снимак екрана одређеног елемента веб странице у Фирефок-у , урадите следеће кораке:
- Отворите жељену страницу у Фирефоку и кликните десним тастером миша на елемент који желите да снимите.
- Из контекстног менија одаберите „Инспецт елемент“:
- Отвориће се алат за инспектор. Приметите да има контролну тачку за чворове ДОМ стабла:
- Тамо можете десним тастером миша кликнути било који елемент и одабрати Чвор снимка екрана из контекстног менија:
То је управо оно што нам треба.
То је управо оно што нам треба.Сјајна ствар ове функције је што такође снима дугачке елементе, укључујући већину елемената који захтевају помицање. У мом случају, ево како изгледа снимак екрана:
Можете и да користите уграђени снимак екрана команда. Раније сам писао Како направити снимак екрана отворене странице у Фирефоку . У поменутом чланку користили смо уграђену Фирефок наредбу „сцреенсхот“ да снимимо целу страницу. Иста функција се може користити за снимање екрана одређеног елемента на отвореној страници.
- Отворите Фирефок и притисните Схифт + Ф2 на тастатури. Фирефок ће отворити конзолу / командну линију у дну екрана.
- Укуцајте следећу наредбу у њу:
снимак екрана - селектор „име“
Замените назив „део“ одговарајућим именом селектора. У мом случају би требало
снимак екрана --селецтор '# видгет-аппс> .ицонлист> .ицонлист-цонтент> ул'
Друга метода је корисна за веб програмере који знају тачну путању ДОМ елемента. Просечни корисник ће очигледно више волети да прва метода направи снимак екрана одређеног елемента веб странице.
