మొజిల్లా ఫైర్ఫాక్స్లో పరీక్షా ఐటెమ్ ఎంపికను ఎలా ఉపయోగించాలి
రచయిత:
Monica Porter
సృష్టి తేదీ:
15 మార్చి 2021
నవీకరణ తేదీ:
17 మే 2024
విషయము
ఈ వ్యాసంలో: ఎలిమెంట్స్ను తనిఖీ చేయడం HTML9 కోడ్ సూచనలను సవరించండి
ఫైర్ఫాక్స్ యొక్క "అంశాన్ని పరిశీలించండి" డెవలపర్ టూల్కిట్ మీ వెబ్ పేజీలో మీరు చూసే ఏదైనా వస్తువు యొక్క HTML కోడ్ను ఖచ్చితంగా కనుగొనడానికి మిమ్మల్ని అనుమతిస్తుంది. ఈ సాధనాలను ఉపయోగించిన తర్వాత HTML కోడ్ మరియు జతచేయబడిన CSS స్టైల్ షీట్ పూర్తిగా సవరించబడతాయి. మీకు కావలసిన మార్పులు చేయడం ద్వారా వాటిని పరీక్షించండి, ఆపై వెబ్ పేజీ యొక్క అసలు రూపానికి తిరిగి రావడానికి పేజీని రిఫ్రెష్ చేయండి.
దశల్లో
పార్ట్ 1 ఎలిమెంట్స్ తనిఖీ
-
ఫైర్ఫాక్స్ను నవీకరించండి (ఐచ్ఛికం). మీకు ఫైర్ఫాక్స్ యొక్క పాత వెర్షన్ ఉంటే ఇక్కడ పేర్కొన్న అన్ని లక్షణాలకు మీకు ప్రాప్యత ఉండకపోవచ్చు. మీరు కలిగి ఉన్న ఫైర్ఫాక్స్ యొక్క సంస్కరణ స్వయంచాలకంగా తాజా నవీకరణ యొక్క డౌన్లోడ్ను ప్రారంభిస్తుంది.- ఫైర్ఫాక్స్ 9 మరియు పాత సంస్కరణల్లో పరీక్షా అంశం సాధనం లేదు.
-
మీకు నచ్చిన వెబ్ పేజీలోని ఏదైనా మూలకంపై కుడి క్లిక్ చేయండి. మీరు చిత్రాలు, ఇ, వాల్పేపర్లు లేదా ఏదైనా ఇతర వస్తువుపై కుడి క్లిక్ చేయవచ్చు. మీకు రెండు బటన్లు లేని మౌస్ ఉంటే, నొక్కి ఉంచేటప్పుడు ఎడమ క్లిక్ చేయండి Ctrl. -
డ్రాప్-డౌన్ మెనులో, అంశాన్ని సమీక్షించు క్లిక్ చేయండి. మీ విండో దిగువన టూల్ బార్ కనిపిస్తుంది. ఈ టూల్ బార్ క్రింద ఒక ప్యానెల్ కనిపిస్తుంది, ఇది పేజీ యొక్క HTML కోడ్ను ప్రదర్శిస్తుంది. -
టూల్బార్లు మరియు ప్యానెల్లను గుర్తించండి. మీరు అంశాన్ని పరిశీలించండి ఎంచుకున్నప్పుడు, మీ విండో దిగువన అనేక ప్యానెల్లు తెరవబడతాయి. వారి పేర్లు మరియు ఉపయోగాల యొక్క వివరణాత్మక వివరణ ఇక్కడ ఉంది.- టాప్ లైన్ "టూల్ బాక్స్" టూల్ బార్. అక్కడ మీరు అనేక డెవలపర్ సాధనాలను కనుగొంటారు, కాని మేము ఎడమ వైపున ఇన్స్పెక్టర్ లాంగ్లెట్ పై ఎక్కువ ఆసక్తి చూపుతాము. ఈ గైడ్ వ్యవధి కోసం ఎంపికలో (నీలి రంగు హైలైట్తో) వదిలివేయండి.
- ఈ టూల్బార్ క్రింద "బ్రెడ్క్రంబ్స్" అని పిలువబడే HTML మూలకాల యొక్క ఒకే వరుస ఉంది, ఇది ఎంచుకున్న మూలకానికి సంబంధించిన మొత్తం మార్గాన్ని మీకు చూపుతుంది.
- ఈ పంక్తికి దిగువన ఉన్న ప్యానెల్ HTML చెట్టును పేజీ యొక్క "ట్యాగ్ వ్యూ" అని కూడా చూపిస్తుంది.మీరు ఎంచుకున్న అంశం కోసం HTML కోడ్ ఈ ప్యానెల్లో హైలైట్ చేయబడింది మరియు కేంద్రీకృతమై ఉంది.
- కుడి వైపున ఉన్న ప్యానెల్ ఈ పేజీలో సంబంధిత CSS స్టైల్ షీట్ను ప్రదర్శిస్తుంది.
-
మరొక అంశాన్ని ఎంచుకోండి. టూల్ బార్ తెరిచిన తర్వాత, మరొక అంశాన్ని ఎంచుకోవడం సులభం. దీన్ని చేయడానికి ఇక్కడ మూడు మార్గాలు ఉన్నాయి.- సంబంధిత మూలకాన్ని హైలైట్ చేయడానికి HTML కోడ్ యొక్క వరుసలో ఉంచండి (మీకు ఫైర్ఫాక్స్ 34+ అవసరం). ఈ మూలకాన్ని ఎంచుకోవడానికి HTML కోడ్పై క్లిక్ చేయండి.
- టూల్బార్ యొక్క ఎడమ వైపున ఉన్న ఐటెమ్ ఫంక్షన్పై క్లిక్ చేయండి: చిహ్నం చదరపు మీదుగా కర్సర్. అంశాలను హైలైట్ చేయడానికి మీ కర్సర్ను పేజీపైకి తరలించి, ఆపై అంశాన్ని ఎంచుకోవడానికి క్లిక్ చేయండి.
-
కోడ్ బ్రౌజ్ చేయండి. HTML ప్యానెల్లో ఎక్కడైనా క్లిక్ చేయండి. కోడ్ ద్వారా తరలించడానికి మీ కీబోర్డ్లో ఎడమ మరియు కుడి బాణాలను ఉపయోగించండి (దీనికి ఫైర్ఫాక్స్ 39+ అవసరం). మానవీయంగా ఎంచుకోవడానికి చాలా చిన్న అంశాలకు ఇది ఉపయోగపడుతుంది.- బూడిద రంగులో ఉన్న HTML కోడ్ పేజీలో ప్రదర్శించబడని అంశాలకు అనుగుణంగా ఉంటుంది. వాటిలో, వ్యాఖ్యలు ఉన్నాయి, కొన్ని ట్యాగ్లు ఇష్టం మరియు CSS డిస్ప్లే కాన్ఫిగరేషన్ ద్వారా దాచబడిన అంశాలు.
- కోడ్ యొక్క పేరా పంక్తుల ఎడమ వైపున ఉన్న బాణాన్ని ఎంచుకోండి లేదా వాటి కంటెంట్ను ఎంచుకోండి. కోడ్ యొక్క అన్ని పంక్తులను ప్రదర్శించడానికి, క్లిక్ చేసేటప్పుడు ఆల్ట్ లేదా ఆప్షన్ నొక్కండి.
-
అంశం కోసం చూడండి. బ్రెడ్క్రంబ్స్ రేఖకు కుడి వైపున ఉన్న శోధన పట్టీని (భూతద్దం చిహ్నం) కనుగొనండి. దీన్ని విస్తరించడానికి దానిపై క్లిక్ చేసి, మీరు వెతుకుతున్న HTML కోడ్ యొక్క భాగాన్ని నమోదు చేయండి. మీరు టైప్ చేస్తున్నప్పుడు, మీ ప్రశ్నకు సరిపోయే అంశాల జాబితాను కలిగి ఉన్న చిన్న విండో కనిపిస్తుంది. దానిపై క్లిక్ చేయడం ద్వారా అంశాన్ని ఎంచుకోండి మరియు దాని కోడ్ను HTML ప్యానెల్లో చూడండి.
పార్ట్ 2 HTML కోడ్ను సవరించండి
-
మీరు ప్రారంభించాలనుకున్నప్పుడు పేజీని రిఫ్రెష్ చేయండి. వెబ్ అభివృద్ధి సాధనాలు మీకు క్రొత్తగా ఉంటే, అవి శాశ్వత మార్పులు చేయడానికి మిమ్మల్ని అనుమతించవని తెలుసుకోండి. మీ మార్పులు మీ స్క్రీన్లో మాత్రమే కనిపిస్తాయి మరియు మీరు పేజీని మూసివేసే వరకు లేదా మీరు లూప్లో ఉంటే మాత్రమే. ఏమి జరుగుతుందో మీకు తెలియకపోయినా ప్రయోగం చేయడానికి వెనుకాడరు. -
ఇని సవరించడానికి HTML కోడ్పై డబుల్ క్లిక్ చేయండి. HTML కోడ్ యొక్క పంక్తిపై రెండుసార్లు క్లిక్ చేయండి. మీ మార్పులను సేవ్ చేయడానికి క్రొత్త ఇ టైప్ చేసి ఎంటర్ నొక్కండి. -
మరిన్ని ఎంపికలను కలిగి ఉండటానికి లక్షణంపై క్లిక్ నొక్కి ఉంచండి. గుర్తుంచుకోండి, బ్రెడ్క్రంబ్స్ టూల్ బార్ పూర్తి HTML ట్రీ మరియు టాప్ టూల్ బార్ మధ్య వస్తుంది. విస్తరించిన మెనుని తెరవడానికి ఈ లైన్లోని ఐటెమ్లలో ఒకదాన్ని నొక్కి ఉంచండి. ఈ ఎంపికలకు సంపూర్ణమైన గైడ్ ఇక్కడ ఉంది.- "HTML గా సవరించండి" ప్రతి పంక్తిని ఒక్కొక్కటిగా తొలగించకుండా, ట్యాగ్ మరియు HTML ట్రీలో ఉన్నవన్నీ సవరించగలిగేలా చేస్తుంది.
- "HTML లోపల కాపీ" ట్యాగ్ యొక్క అన్ని విషయాలను కాపీ చేస్తుంది, అయితే "HTML వెలుపల కాపీ" కూడా ట్యాగ్ను కాపీ చేస్తుంది (వంటి లేదా ).
- "అతికించండి ..." ట్యాగ్కు ముందు లేదా మొదటి అమ్మాయి ట్యాగ్ తర్వాత ఎక్కడ పేస్ట్ చేయాలో అనేక ఎంపికలకు మిమ్మల్ని తీసుకెళుతుంది.
- : హోవర్ ,: యాక్టివ్, మరియు: ఫోకస్ యూజర్ దానితో ఇంటరాక్ట్ అయినప్పుడు దాని రూపాన్ని మారుస్తుంది. ఖచ్చితమైన ప్రభావం CSS స్టైల్ షీట్ (కుడి పేన్లో సవరించదగినది) ద్వారా నిర్ణయించబడుతుంది.
-
క్లిక్ చేసి తరలించండి. కోడ్ మూలకాల అమరికను మార్చడానికి, డాష్ చేసిన పంక్తి కనిపించే వరకు HTML కోడ్పై క్లిక్ చేయండి. చెట్టు పైకి లేదా క్రిందికి వెళ్లి చుక్కల రేఖ సరైన స్థలంలో ఉన్నప్పుడు క్లిక్ చేయండి.- దీని కోసం మీకు ఫైర్ఫాక్స్ 39 లేదా తరువాతి వెర్షన్ అవసరం.
-
అభివృద్ధి ఉపకరణపట్టీని మూసివేయండి. ఆ అసంబద్ధమైన విండోలన్నింటినీ మూసివేయడానికి, CSS ప్యానెల్ పైన ఉన్న టూల్ బార్ యొక్క కుడి కుడి మూలలో ఉన్న X ని నొక్కండి.