Google Chrome బ్రౌజర్‌లో ఇన్‌స్పెక్ట్ ఎలిమెంట్‌ను ఉపయోగించడం కోసం చిట్కాలు

Tips Using Inspect Element Google Chrome Browser



గూగుల్ క్రోమ్ బ్రౌజర్‌లో ఇన్‌స్పెక్ట్ ఎలిమెంట్ ఫీచర్‌ని ఉపయోగించడంలో మీకు చిట్కాలు కావాలి అని ఊహిస్తే: మీరు తనిఖీ చేయాలనుకుంటున్న మూలకంపై కుడి-క్లిక్ చేసి, డ్రాప్-డౌన్ మెను నుండి 'ఇన్‌స్పెక్ట్' ఎంచుకోండి. మీరు ఇన్‌స్పెక్టర్‌ని తెరవడానికి కీబోర్డ్ షార్ట్‌కట్ Ctrl+Shift+I (Windows) లేదా Cmd+Opt+I (Mac)ని కూడా ఉపయోగించవచ్చు. మీరు ఇన్‌స్పెక్టర్‌ని తెరిచిన తర్వాత, మీరు పేజీ కోసం HTMLను ఎడమవైపు మరియు CSSని కుడి వైపున చూస్తారు. మీరు ఇన్‌స్పెక్టర్‌లో HTML మరియు CSSకి మార్పులు చేయవచ్చు మరియు ఆ మార్పులు వెంటనే పేజీలో ప్రభావం చూపేలా చూడవచ్చు. ఇన్‌స్పెక్టర్ నుండి నిష్క్రమించడానికి, ఎగువ-కుడి మూలలో ఉన్న Xని క్లిక్ చేయండి.



Google Chrome అనేది సాధారణ వెబ్ వినియోగదారులకు మాత్రమే కాదు, తరచుగా వెబ్‌సైట్‌లను సృష్టించే, బ్లాగ్‌లను సృష్టించే మొదలైన వెబ్ డెవలపర్‌లకు కూడా. మూలకాన్ని తనిఖీ చేయండి లేదా తనిఖీ చేయండి వీక్షణ నుండి దాచబడిన వెబ్‌సైట్ గురించి కొంత సమాచారాన్ని కనుగొనడంలో వినియోగదారులకు Google Chrome ఎంపిక సహాయపడుతుంది. Windows PC కోసం Google Chrome బ్రౌజర్‌లో ఇన్‌స్పెక్ట్ ఎలిమెంట్‌ని ఉపయోగించడం కోసం ఇక్కడ కొన్ని చిట్కాలు ఉన్నాయి.





Google Chrome మూలకాన్ని తనిఖీ చేయండి

1] దాచిన జావాస్క్రిప్ట్/మీడియా ఫైల్‌లను కనుగొనండి





Google Chrome మూలకాన్ని తనిఖీ చేయండి



వినియోగదారు ప్రొఫైల్ విండోస్ 10 ను తొలగించండి

ఒక సందర్శకుడు 15 లేదా 20 సెకన్ల కంటే ఎక్కువ సమయం పాటు వెబ్ పేజీలో ఉంటే చాలా వెబ్‌సైట్‌లు పాప్-అప్‌లను చూపుతాయి. లేదా, అనేక సందర్భాల్లో, అనుకోకుండా ఎక్కడైనా క్లిక్ చేసిన తర్వాత చిత్రం, ప్రకటన లేదా చిహ్నం తెరవబడుతుంది. ఈ దాచిన ఫైల్‌లను వెబ్ పేజీలో కనుగొనడానికి, మీరు ఉపయోగించవచ్చు మూలాలు ఎలిమెంట్ ట్యాబ్‌ని తనిఖీ చేయండి. ఎడమవైపున చెట్టు లాంటి జాబితా ప్రదర్శించబడుతుంది, దానిని మీరు అన్వేషించవచ్చు.

2] Chromeలో HEX/RGB రంగు కోడ్‌ని పొందండి

Google Chrome మూలకం, చిట్కాలు మరియు ఉపాయాలను తనిఖీ చేయండి



కొన్నిసార్లు మనం రంగును ఇష్టపడవచ్చు మరియు దాని రంగు కోడ్ తెలుసుకోవాలనుకోవచ్చు. మీరు Google Chromeలో అంతర్నిర్మిత ఎంపికను ఉపయోగించి నిర్దిష్ట వెబ్ పేజీలో ఉపయోగించిన HEX లేదా RGB రంగు కోడ్‌ను సులభంగా కనుగొనవచ్చు. రంగుపై కుడి-క్లిక్ చేసి, ఎంచుకోండి తనిఖీ చేయండి . చాలా సందర్భాలలో, మీరు విభిన్న CSSతో కుడి వైపున కలర్ కోడ్‌తో ముగుస్తుంది. మీకు అది కనిపించకుంటే, మీరు ఉచిత కలర్ పికర్ సాఫ్ట్‌వేర్‌ను ఉపయోగించాల్సి రావచ్చు.

విండోస్ 10 లో డిఫాల్ట్ ప్రింటర్‌ను ఎలా సెట్ చేయాలి

చిట్కా : వీటిని ఒకసారి చూడండి ఆన్‌లైన్ కలర్ పిక్కర్ టూల్స్ అదే.

విండోస్ ఏరోను ప్రారంభిస్తుంది

3] వెబ్ పేజీ పనితీరును మెరుగుపరచడానికి చిట్కాలను పొందండి

Google Chrome మూలకం, చిట్కాలు మరియు ఉపాయాలను తనిఖీ చేయండి

త్వరగా తెరుచుకునే సైట్‌ని సందర్శించడానికి ప్రతి ఒక్కరూ ఇష్టపడతారు. మీరు మీ వెబ్‌సైట్‌ను రూపొందిస్తున్నట్లయితే, మీరు దీన్ని ఎల్లప్పుడూ గుర్తుంచుకోవాలి. పేజీ లోడ్ వేగాన్ని పరీక్షించడానికి మరియు ఆప్టిమైజ్ చేయడానికి అనేక సాధనాలు ఉన్నాయి. అయినప్పటికీ, వెబ్‌సైట్ లోడింగ్ వేగాన్ని మెరుగుపరచడానికి చిట్కాలను పొందడానికి వినియోగదారులను అనుమతించే అంతర్నిర్మిత సాధనాన్ని Google Chrome కూడా కలిగి ఉంది. ఈ సాధనాలను యాక్సెస్ చేయడానికి, దీనికి వెళ్లండి ఆడిట్ ట్యాబ్ చేసి నిర్ధారించుకోండి నెట్‌వర్క్ వినియోగం , వెబ్ పేజీ పనితీరు , i పేజీ రీలోడ్ మరియు లోడ్ మీద ఆడిట్ ఎంపిక చేయబడింది. అప్పుడు క్లిక్ చేయండి పరుగు బటన్. ఇది పేజీని మళ్లీ లోడ్ చేస్తుంది మరియు పేజీని వేగవంతం చేయడానికి ఉపయోగించే కొంత సమాచారాన్ని మీకు చూపుతుంది. ఉదాహరణకు, మీరు కాష్ గడువు ముగియని అన్ని వనరులను పొందవచ్చు, ఒక ఫైల్‌లో కలపగలిగే JavaScript మరియు మొదలైనవి.

4] పరీక్ష ప్రతిస్పందన

Google Chrome మూలకం, చిట్కాలు మరియు ఉపాయాలను తనిఖీ చేయండి

ఈ రోజుల్లో, వెబ్ పేజీని ప్రతిస్పందించేలా చేయడం చాలా ముఖ్యం. మీ సైట్ పూర్తిగా ప్రతిస్పందిస్తుందో లేదో తనిఖీ చేయగల అనేక సాధనాలు ఉన్నాయి. అయితే, ఈ Google Chrome సాధనం వినియోగదారులకు సహాయపడుతుంది సైట్ ప్రతిస్పందిస్తుందో లేదో తెలుసుకోండి మరియు నిర్దిష్ట మొబైల్ పరికరంలో ఇది ఎలా కనిపిస్తుందో కూడా తనిఖీ చేయండి. ఏదైనా సైట్ తెరవండి, పొందండి మూలకాన్ని తనిఖీ చేయండి ట్యాబ్, క్లిక్ చేయండి మొబైల్ బటన్‌ను క్లిక్ చేయండి, రిజల్యూషన్‌ను సెట్ చేయండి లేదా వెబ్ పేజీని తనిఖీ చేయడానికి కావలసిన పరికరాన్ని ఎంచుకోండి.

సురక్షిత బూట్ విండోస్ 10 ని నిలిపివేయండి

5] ప్రత్యక్ష వెబ్‌సైట్‌ని సవరించండి

Google Chrome మూలకం, చిట్కాలు మరియు ఉపాయాలను తనిఖీ చేయండి

మీరు వెబ్ పేజీని నిర్మిస్తున్నారని అనుకుందాం, కానీ రంగు పథకం, నావిగేషన్ మెను పరిమాణం, కంటెంట్ లేదా సైడ్‌బార్ కారక నిష్పత్తి ఏమిటో మీకు తెలియదు. మీరు Google Chromeలోని ఇన్‌స్పెక్ట్ ఎలిమెంట్ ఎంపికను ఉపయోగించి మీ ప్రత్యక్ష వెబ్‌సైట్‌ను సవరించవచ్చు. మీరు ప్రత్యక్ష వెబ్‌సైట్‌లో మార్పులను సేవ్ చేయలేనప్పటికీ, మీరు అన్ని సవరణలను చేయవచ్చు కాబట్టి మీరు దానిని తర్వాత ఉపయోగించవచ్చు. దీన్ని చేయడానికి, ఇన్‌స్పెక్ట్ ఎలిమెంట్‌ను తెరిచి, ఎడమ వైపున ఉన్న HTML ప్రాపర్టీని ఎంచుకుని, కుడి వైపున శైలి మార్పులు చేయండి. మీరు CSSకి ఏవైనా మార్పులు చేస్తే, మీరు ఫైల్‌కి లింక్‌పై క్లిక్ చేసి, మొత్తం కోడ్‌ను కాపీ చేసి, అసలు ఫైల్‌లో అతికించవచ్చు.

Windows లోపాలను త్వరగా కనుగొని స్వయంచాలకంగా పరిష్కరించడానికి PC మరమ్మతు సాధనాన్ని డౌన్‌లోడ్ చేయండి

Google Chrome నుండి మూలకాన్ని తనిఖీ చేయడం అనేది ప్రతి వెబ్ డెవలపర్‌కు నిజమైన సహచరుడు. మీరు ఒకే పేజీ వెబ్‌సైట్ లేదా డైనమిక్ వెబ్‌సైట్‌ని డిజైన్ చేస్తున్నా, మీరు ఖచ్చితంగా ఈ చిట్కాల నుండి ప్రయోజనం పొందవచ్చు.

ప్రముఖ పోస్ట్లు