ఎలా వెబ్ పేజీ ఎలిమెంట్స్ తనిఖీ

ఏదైనా వెబ్ పేజీ యొక్క HTML మరియు CSS చూడండి

వెబ్సైట్ కోడ్ యొక్క పంక్తులతో నిర్మించబడింది, కాని ఫలితంగా చిత్రాలు, వీడియో, ఫాంట్లు మరియు మరిన్ని ప్రత్యేక పేజీలు. ఆ అంశాల్లో ఒకదాన్ని మార్చడం లేదా దానిలో ఏది ఉండేదో చూడడానికి, మీరు దాన్ని నియంత్రించే కోడ్ యొక్క నిర్దిష్ట లైన్ను కనుగొనవలసి ఉంటుంది. మీరు ఒక ఎలిమెంట్ తనిఖీ సాధనం చేయవచ్చు.

చాలా వెబ్ బ్రౌజర్లు మీరు ఒక తనిఖీ సాధనం డౌన్లోడ్ లేదా ఒక యాడ్ ఆన్ ఇన్స్టాల్ చేయటం లేదు. బదులుగా, వారు మిమ్మల్ని పేజీ మూలకాన్ని కుడి క్లిక్ చేసి, ఎలిమెంట్ ను తనిఖీ చేయండి లేదా తనిఖీ చేయండి . అయితే, ఈ ప్రక్రియ మీ బ్రౌజర్లో కొంత భిన్నంగా ఉండవచ్చు.

Chrome లో ఎలిమెంట్లను తనిఖీ చేయండి

Google Chrome యొక్క ఇటీవలి సంస్కరణలు పేజీని కొన్ని విధాలుగా తనిఖీ చేయడానికి మిమ్మల్ని అనుమతిస్తాయి, అంతేకాకుండా దాని అంతర్నిర్మిత Chrome DevTools ను ఉపయోగించండి:

• పేజీలో ఏదో (లేదా ఒక ఖాళీ ప్రదేశం) రైట్-క్లిక్ చేయండి మరియు పరిశీలించండి ఎంచుకోండి
• Ctrl + Shift + I కీబోర్డ్ సత్వరమార్గాన్ని నమోదు చేయండి
• మరిన్ని ఉపకరణాలు> డెవలపర్ టూల్స్ ఎంపికను ప్రాప్యత చేయడానికి Chrome మెనుని ఉపయోగించండి

క్రోమ్ DevTools మీరు సులభంగా కాపీ లేదా HTML పంక్తులు సవరించడానికి లేదా పూర్తిగా దాచడానికి లేదా తొలగించండి అంశాలు (పేజీ రీలోడ్ వరకు) వంటి పనులను అనుమతిస్తుంది.

ఒకసారి పేజీ యొక్క వైపున DevTools తెరుచుకుంటుంది, అది ఎక్కడ స్థానమవ్వాలో మార్చగలదు, పేజిని పాప్ చేయండి, అన్ని పేజీ ఫైళ్ళకు వెతకండి, ప్రత్యేక పరీక్ష కోసం పేజీ నుండి అంశాలను ఎంచుకొని, ఫైల్స్ మరియు URL లను ఎంచుకోండి మరియు ఒక సమూహాన్ని అనుకూలీకరించవచ్చు సెట్టింగులు.

Firefox లో ఎలిమెంట్స్ ను పరిశీలించండి

క్రోమ్ వంటి, ఫైర్ఫాక్స్ దాని యొక్క సాధనాన్ని తెరవడానికి ఇన్స్పెక్టర్ అని కొన్ని మార్గాలు ఉన్నాయి:

• పేజీలో ఖాళీ ప్రాంతాన్ని కుడి క్లిక్ చేయండి లేదా ఒక మూలకాన్ని ఎంచుకోండి మరియు ఎలిమెంట్ని తనిఖీ చేయండి ఎంచుకోండి
• కీబోర్డ్తో Ctrl + Shift + T లేదా Ctrl + Shift + I ను ఎంటర్ చెయ్యండి
• Firefox మెను నుండి, డెవలపర్ > ఇన్స్పెక్టర్ క్లిక్ చేయండి
• టూల్స్ మెను నుండి, వెబ్ డెవలపర్> ఇన్స్పెక్టర్ క్లిక్ చేయండి

మీరు Firefox లో వివిధ అంశాలపై మీ మౌస్ను తరలించినప్పుడు, ఇన్స్పెక్టర్ సాధనం స్వయంచాలకంగా మూలకం యొక్క సోర్స్ కోడ్ సమాచారాన్ని కనుగొంటుంది. ఒక మూలకాన్ని క్లిక్ చేయండి మరియు "ఆన్-ఫ్లై శోధన" నిలిపివేయబడుతుంది మరియు మీరు ఇన్స్పెక్టర్ విండో నుండి మూలకాన్ని పరిశీలించవచ్చు.

అన్ని మద్దతు ఉన్న నియంత్రణలను కనుగొనడానికి మూలకాన్ని కుడి క్లిక్ చేయండి. మీరు పేజీని HTML, కాపీ లేదా పేస్ట్ లోపలి లేదా బాహ్య HTML కోడ్ను సవరించండి, DOM లక్షణాలు, స్క్రీన్షాట్ లేదా నోడ్ని తొలగించండి, క్రొత్త లక్షణాలను సులభంగా పాటిస్తారు, పేజీ యొక్క అన్ని CSS మరియు మరిన్ని చూడండి.

Opera లో ఎలిమెంట్స్ ను పరిశీలించండి

ఒపేరా దాని యొక్క DOM ఇన్స్పెక్టర్ సాధనంతో చాలా అంశాలని తనిఖీ చేస్తుంది. దీన్ని ఎలా పొందాలో ఇక్కడ ఉంది:

• కీబోర్డ్ సత్వరమార్గాన్ని Ctrl + Shift + I ఉపయోగించండి
• మెను> మరిన్ని ఉపకరణాలు> డెవలపర్ మెనును నావిగేట్ చేయండి, ఆపై మెను> డెవలపర్> డెవలపర్ ఉపకరణాలు ద్వారా మెనుని తెరవండి
• పేజీలోని ఏదైనా మూలకంపై కుడి-క్లిక్ మెను నుండి, మూలకాన్ని తనిఖీ చేయండి ఎంచుకోండి

ఇంటర్నెట్ ఎక్స్ప్లోరర్లో ఎలిమెంట్లను తనిఖీ చేయండి

డెవలపర్ ఉపకరణాలు అని పిలువబడే ఇదే తనిఖీ మూలకం సాధనం ఇంటర్నెట్ ఎక్స్ప్లోరర్లో అందుబాటులో ఉంది:

• కీబోర్డ్ మీద F12 నొక్కండి
• పరికరములు> F12 డెవలపర్ మెనూ ఐచ్చికాన్ని వుపయోగించండి (మీరు సాధన మెనూను చూడకపోతే Alt + X ను తాకండి )
• పేజీపై కుడి-క్లిక్ చేసి ఎలిమెంట్ను తనిఖీ చేయి క్లిక్ చేయండి

IE దాని HTML మరియు CSS వివరాలను చూడడానికి ఏ పేజీ ఎలిమెంట్ ను క్లిక్ చెయ్యటానికి ఈ కొత్త మెనూలో ఎన్నుకోండి ఎలిమెంట్ టూల్ ఉంది. మీరు DOM ఎక్స్ప్లోరర్ టాబ్ ద్వారా బ్రౌజ్ చేస్తున్నప్పుడు కూడా ఎలిమెంట్ హైలైటింగ్ ను ఎనేబుల్ / డిసేబుల్ చెయ్యవచ్చు.

పైన ఉన్న బ్రౌజర్లలో ఇతర మూలకం ఇన్స్పెక్టర్ ఉపకరణాలు వలె, ఇంటర్నెట్ ఎక్స్ప్లోరర్ మిమ్మల్ని కట్ చేసి, కాపీ చేసి, అతికించండి, HTML ను సవరించడం, లక్షణాలను జోడించడం, శైలులను జోడించే అంశాలతో కాపీ చేయడం మరియు మరిన్నింటిని అనుమతిస్తుంది.