మీ ఉత్పాదకతను పెంచే మరియు మీ సమయాన్ని ఆదా చేయగల మొజిల్లా ఫైర్ఫాక్స్ కోసం ఒక చల్లని ఉపాయాన్ని మీతో పంచుకోవాలనుకుంటున్నాను. వెబ్లో సర్ఫింగ్ చేస్తున్నప్పుడు, మీరు కొన్నిసార్లు మీ స్నేహితులతో స్క్రీన్షాట్ తీసుకొని దాన్ని పంచుకోవాలనుకుంటారు. కానీ మొత్తం పేజీ యొక్క స్క్రీన్ షాట్ తీసుకోవటానికి, దాన్ని సేవ్ చేయడానికి, కత్తిరించడానికి అనేక చర్యలు తీసుకుంటుంది. ఈ వ్యాసంలో, యాడ్-ఆన్లను ఉపయోగించకుండా వెబ్ పేజీలో ఒక నిర్దిష్ట మూలకం యొక్క స్క్రీన్ షాట్ ను నేరుగా ఎలా తీసుకోవాలో చూద్దాం.
ప్రకటన
వెబ్ పేజీ లోడ్ అయినప్పుడు, మీ వెబ్ బ్రౌజర్ పేజీ యొక్క డాక్యుమెంట్ ఆబ్జెక్ట్ మోడల్ను సృష్టిస్తుంది. DOM ఒక చెట్టు నిర్మాణంగా నిర్మించబడింది, దీనిలో ప్రతి నోడ్ పత్రంలోని ఒక భాగాన్ని సూచించే వస్తువు.
మీ స్క్రీన్షాట్లో ఒక నిర్దిష్ట మూలకాన్ని మాత్రమే సంగ్రహించడానికి మీరు దీన్ని ఎలా ఉపయోగించవచ్చో చూద్దాం.
కు ఫైర్ఫాక్స్లో నిర్దిష్ట వెబ్ పేజీ మూలకం యొక్క స్క్రీన్ షాట్ తీసుకోండి , క్రింది దశలను చేయండి:
- ఫైర్ఫాక్స్లో కావలసిన పేజీని తెరిచి, మీరు సంగ్రహించదలిచిన మూలకాన్ని కుడి క్లిక్ చేయండి.
- సందర్భ మెను నుండి, 'మూలకాన్ని తనిఖీ చేయండి' ఎంచుకోండి:
- ఇన్స్పెక్టర్ సాధనం తెరవబడుతుంది. దీనికి DOM ట్రీ నోడ్లకు బ్రెడ్క్రంబ్ నియంత్రణ ఉందని గమనించండి:
- అక్కడ, మీరు ఏదైనా మూలకాన్ని కుడి క్లిక్ చేసి ఎంచుకోవచ్చు స్క్రీన్ షాట్ నోడ్ సందర్భ మెను నుండి:ఇది మనకు అవసరం.
ఈ లక్షణం గురించి గొప్ప విషయం ఏమిటంటే ఇది స్క్రోలింగ్ అవసరమయ్యే చాలా అంశాలతో సహా పొడవైన అంశాలను కూడా సంగ్రహిస్తుంది. నా విషయంలో, స్క్రీన్ షాట్ ఎలా ఉంటుందో ఇక్కడ ఉంది:
ప్రత్యామ్నాయంగా, మీరు అంతర్నిర్మితాన్ని ఉపయోగించవచ్చు స్క్రీన్ షాట్ ఆదేశం. ఇంతకు ముందు నేను రాశాను ఫైర్ఫాక్స్లో తెరిచిన పేజీ యొక్క స్క్రీన్షాట్ ఎలా తీసుకోవాలి . పేర్కొన్న వ్యాసంలో, మేము మొత్తం పేజీని సంగ్రహించడానికి అంతర్నిర్మిత ఫైర్ఫాక్స్ కమాండ్ 'స్క్రీన్షాట్' ను ఉపయోగించాము. తెరిచిన పేజీలో ఒక నిర్దిష్ట మూలకాన్ని స్క్రీన్షాట్ చేయడానికి అదే కార్యాచరణను ఉపయోగించవచ్చు.
- ఫైర్ఫాక్స్ తెరిచి నొక్కండి షిఫ్ట్ + ఎఫ్ 2 కీబోర్డ్లో. ఫైర్ఫాక్స్ స్క్రీన్ దిగువన కన్సోల్ / కమాండ్ లైన్ను తెరుస్తుంది.
- కింది ఆదేశాన్ని దాని లోపల టైప్ చేయండి:
స్క్రీన్ షాట్ - సెలెక్టర్ 'పేరు'
'భాగం' పేరును తగిన సెలెక్టర్ పేరుతో భర్తీ చేయండి. నా విషయంలో, అది ఉండాలి
screenhot --selector '# widget-apps> .iconlist> .iconlist-content> ul'
రెండవ పద్ధతి ఖచ్చితమైన DOM మూలకం మార్గం తెలిసిన వెబ్ డెవలపర్లకు ఉపయోగపడుతుంది. నిర్దిష్ట వెబ్ పేజీ మూలకం యొక్క స్క్రీన్ షాట్ తీయడానికి మొదటి పద్ధతిని సగటు వినియోగదారు ఇష్టపడతారు.