వెబ్ బ్రౌజర్ డెవలపర్ ఉపకరణాలు ఎలా ఉపయోగించాలి

వెబ్ డిజైనర్లు, డెవలపర్లు మరియు టెస్టర్లు కోసం ఇంటిగ్రేటెడ్ టూల్స్సెట్స్

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

ఒక బ్రౌజర్లో ఉన్న ప్రోగ్రామింగ్ మరియు పరీక్ష ఉపకరణాలు మీరు పేజీ యొక్క సోర్స్ కోడ్ మరియు మరిన్నింటిని చూడడానికి అనుమతించిన రోజులు అయిపోయింది. నేటి బ్రౌజర్లు మీరు మీ స్మృతిని గుర్తించడం మరియు జావాస్క్రిప్ట్ స్నిప్పెట్లను డీబగ్ చేయడం, DOM ఎలిమెంట్లను సక్రియం చేయడం, మీ అనువర్తనం లేదా పేజీ లోడ్లు మీ అనువర్తనం లేదా పేజీ లోడ్ వంటి పర్యవేక్షణ, CSS పనితీరును విశ్లేషించడం, మీ కోడ్ అని చాలా మెమరీ లేదా చాలా CPU చక్రాల ఉపయోగించడం లేదు, మరియు మరింత. పరీక్షా దృక్పథం నుండి, మీరు అనువర్తనం లేదా వెబ్ పేజీ వివిధ బ్రౌజర్లలో అలాగే ప్రతిస్పందించే రూపకల్పన మరియు అంతర్నిర్మిత అనుకరణ యంత్రాల ద్వారా వేర్వేరు పరికరాలు మరియు ప్లాట్ఫారమ్ల్లో ఎలా వర్తించాలో మీరు పునరుత్పత్తి చేయవచ్చు. ఉత్తమ భాగాన్ని మీ బ్రౌజర్ను వదిలివేయకుండానే మీరు ఇవన్నీ చేయవచ్చు!

క్రింద ఉన్న ట్యుటోరియల్స్ అనేక ప్రముఖ వెబ్ బ్రౌజర్లలో ఈ డెవలపర్ ఉపకరణాలను ఎలా ప్రాప్యత చేయాలో మీకు నడిచేవి.

గూగుల్ క్రోమ్

Chrome యొక్క డెవలపర్ ఉపకరణాలు మిమ్మల్ని కోడ్ను సవరించడానికి మరియు డీబగ్ చేయడానికి, పనితీరు సమస్యలను బహిర్గతం చేసేందుకు వ్యక్తిగత అంశాలను ఆడిట్ చేయడానికి, Android లేదా iOS అమలుతో సహా వివిధ పరికర తెరలను అనుకరించడానికి మరియు అనేక ఇతర ఉపయోగకరమైన విధులు నిర్వహిస్తాయి.

1. Chrome యొక్క ప్రధాన మెనూ బటన్పై క్లిక్ చేయండి, మూడు హారిజాంటల్ లైన్లతో గుర్తు పెట్టబడి, బ్రౌజర్ యొక్క కుడి ఎగువ మూలలో ఉంది.
2. డ్రాప్-డౌన్ మెను కనిపించినప్పుడు, మీ టూల్స్ కర్సర్ను మరింత టూల్స్ ఎంపికలో ఉంచండి.
3. ఒక ఉప మెను ఇప్పుడు కనిపించాలి. డెవలపర్ ఉపకరణాల లేబుల్ ఎంపికను ఎంచుకోండి. మీరు ఈ మెను ఐటెమ్ స్థానంలో క్రింది కీబోర్డ్ సత్వరమార్గాన్ని ఉపయోగించవచ్చు: Chrome OS / Windows ( CTRL + SHIFT + I ), Mac OS X ( ALT (OPTION) + COMMAND + I )
4. ఈ ఉదాహరణ స్క్రీన్షాట్లో చూపిన విధంగా Chrome డెవలపర్ ఉపకరణాలు ఇంటర్ఫేస్ ఇప్పుడు ప్రదర్శించబడాలి. మీ Chrome సంస్కరణపై ఆధారపడి, మీరు చూసే ప్రారంభ లేఅవుట్ ఇక్కడ అందించిన దాని నుండి కొద్దిగా భిన్నంగా ఉండవచ్చు. డెవలపర్ ఉపకరణాల ప్రధాన కేంద్రం, సాధారణంగా స్క్రీన్ దిగువన లేదా కుడి వైపున ఉన్న, క్రింది ట్యాబ్లను కలిగి ఉంటుంది.
   ఎలిమెంట్స్: నిజ సమయంలో మీ మార్పుల ప్రభావాలను చూసినప్పుడు CSS మరియు HTML కోడ్ను అలాగే ఫ్లై-ఆన్లో సవరించగల CSS ను తనిఖీ చేసే సామర్థ్యాన్ని అందిస్తుంది.
   కన్సోల్: Chrome యొక్క JavaScript కన్సోల్ డైరెక్ట్ కమాండ్ ఎంట్రీ మరియు విశ్లేషణ డీబగ్గింగ్ కోసం అనుమతిస్తుంది.
   సోర్సెస్: ఒక శక్తివంతమైన గ్రాఫికల్ ఇంటర్ఫేస్ ద్వారా జావాస్క్రిప్ట్ కోడ్ను డీబగ్ చేయడానికి మిమ్మల్ని అనుమతిస్తుంది.
   నెట్వర్క్: పూర్తి అభ్యర్థన మరియు ప్రతిస్పందన శీర్షికలు అలాగే ఆధునిక టైమింగ్ మెట్రిక్లతో సహా క్రియాశీల అప్లికేషన్ లేదా పేజీలో ప్రతి సంబంధిత ఆపరేషన్ గురించి వివరణాత్మక సమాచారాన్ని వర్గీకరించడం మరియు ప్రదర్శిస్తుంది.
   కాలక్రమం: పేజీ లేదా అనువర్తన లోడ్ అభ్యర్థన ప్రారంభమైన వెంటనే బ్రౌజర్లో జరిగే ప్రతి కార్యాచరణ యొక్క లోతైన విశ్లేషణ కోసం అనుమతిస్తుంది.
5. ఈ విభాగాలకు అదనంగా, మీరు క్రింది ఉపకరణాలను యాక్సెస్ చెయ్యవచ్చు >> ఐకాన్, టైమ్లైన్ టాబ్ యొక్క కుడివైపున ఉన్నది.
   ప్రొఫైల్: CPU ప్రొఫైలర్ మరియు హీప్ ప్రొఫైలర్ విభాగాలలో విచ్ఛిన్నం, క్రియాశీల అప్లికేషన్ లేదా పేజీ యొక్క సమగ్ర మెమరీ వినియోగం మరియు మొత్తం అమలు సమయం అందిస్తుంది.
   సెక్యూరిటీ: సక్రియాత్మక పేజీ లేదా అనువర్తనంతో ముఖ్యాంశాలు సర్టిఫికేట్ సమస్యలు మరియు ఇతర భద్రతా-సంబంధిత సమస్యలు.
   వనరులు: మీరు ప్రస్తుత కుకీలు, స్థానిక నిల్వ, అనువర్తన క్యాష్ మరియు ప్రస్తుత వెబ్ పేజీ లేదా అనువర్తనం ఉపయోగించే ఇతర స్థానిక డేటా మూలాలను తనిఖీ చేయవచ్చు.
   ఆడిట్లు: ఒక పేజీ లేదా అప్లికేషన్ యొక్క లోడ్ సమయం మరియు సాధారణ పనితీరును ఆప్టిమైజ్ చేయడానికి మార్గాలు అందిస్తుంది.
6. ఐప్యాడ్, ఐఫోన్, మరియు శామ్సంగ్ గెలాక్సీ వంటి అనేక ప్రసిద్ధ Android మరియు iOS మోడల్స్తో సహా ఒక డజను పరికరాల్లో ఒకదానిలో ఒకటి కనిపిస్తుంది కనుక ఇది సిమ్యులేటర్లో సక్రియ పేజీని వీక్షించడానికి పరికర మోడ్ మిమ్మల్ని అనుమతిస్తుంది. మీరు మీ ప్రత్యేక అభివృద్ధికి లేదా పరీక్ష అవసరాలకు అనుగుణంగా అనుకూలీకరించిన స్క్రీన్ తీర్మానాలను అనుకరించే సామర్ధ్యం కూడా ఇవ్వబడుతుంది. పరికర మోడ్ను టోగుల్ చేయడానికి మరియు ఆఫ్ చేయడానికి, ఎలిమెంట్స్ ట్యాబ్ యొక్క ఎడమకు నేరుగా ఉన్న మొబైల్ ఫోన్ చిహ్నాన్ని ఎంచుకోండి.
7. మీరు ముగ్గురు నిలువుగా ఉంచుతారు చుక్కలు మరియు పైన పేర్కొన్న ట్యాబ్ల యొక్క కుడి వైపున ఉన్న మెను మెనులో మొదటిసారి క్లిక్ చేయడం ద్వారా మీ డెవలపర్ ఉపకరణాల రూపాన్ని మరియు అనుభూతిని అనుకూలీకరించవచ్చు. ఈ డ్రాప్-డౌన్ మెనులో, మీరు డిఓసిని మార్చవచ్చు, వేర్వేరు పరికరాలను చూపించు లేదా దాచవచ్చు, అలాగే పరికర ఇన్స్పెక్టర్ వంటి మరింత ఆధునిక అంశాలను ప్రారంభించవచ్చు. ఈ విభాగంలో కనిపించే సెట్టింగుల ద్వారా dev టూల్స్ ఇంటర్ఫేస్ అనేది అత్యంత అనుకూలీకరించదగినదని మీరు కనుగొంటారు.

మొజిల్లా ఫైర్ ఫాక్స్

ఫైర్ఫాక్స్ వెబ్ డెవలపర్ విభాగంలో డిజైనర్లు, డెవలపర్లు మరియు టెస్టర్ల కోసం శైలి ఎడిటర్ మరియు పిక్సెల్-టార్గెసింగ్ కంటిచూపు వంటి ఉపకరణాలు ఉన్నాయి.

సిఫార్సు పఠనం: టాప్ 25 గ్రీస్మోన్కీ మరియు టాంబర్మాన్కీ వాడుకరి లిపులు

1. Firefox యొక్క ప్రధాన మెనూ బటన్పై క్లిక్ చేయండి, మూడు క్షితిజసమాంతర పంక్తులు ప్రాతినిధ్యం మరియు బ్రౌజర్ విండో ఎగువ కుడి చేతి మూలలో ఉన్న.
2. డ్రాప్-డౌన్ మెను కనిపించినప్పుడు, ఐకాన్ లేబుల్ డెవలపర్ను ఎంచుకోండి . వెబ్ డెవలపర్ మెన్ ఇప్పుడు ప్రదర్శించబడాలి, కింది ఐచ్చికాలను కలిగి ఉంటుంది. మీరు చాలా మెను అంశాలు వాటికి సంబంధించిన కీబోర్డ్ సత్వరమార్గాలను కలిగి ఉన్నారని గమనించవచ్చు.
   టోగుల్ టూల్స్: డెవలపర్ టూల్స్ ఇంటర్ఫేస్ను ప్రదర్శిస్తుంది లేదా దాచివేస్తుంది, సాధారణంగా బ్రౌజర్ విండో దిగువన ఉంచుతుంది. కీబోర్డు సత్వరమార్గం: Mac OS X ( ALT (OPTION) + కమాండ్ + I ), విండోస్ ( CTRL + SHIFT + I )
   ఇన్స్పెక్టర్: క్రియాశీల పుటలో, అలాగే రిమోట్ డీబగ్గింగ్ ద్వారా పోర్టబుల్ పరికరంలో, CSS మరియు HTML కోడ్ను తనిఖీ చేయడానికి మరియు / లేదా సర్దుబాటు చేయడానికి మిమ్మల్ని అనుమతిస్తుంది. కీబోర్డు సత్వరమార్గం: Mac OS X ( ALT (OPTION) + కమాండ్ + C ), విండోస్ ( CTRL + SHIFT + C )
   వెబ్ కన్సోల్: మీరు క్రియాశీల పేజీలో జావాస్క్రిప్ట్ ఎక్స్ప్రెషన్స్ని అమలు చేయడానికి మరియు భద్రతా హెచ్చరికలు, నెట్వర్క్ అభ్యర్థనలు, CSS సందేశాలు మరియు మరిన్నింటితో సహా విభిన్న సెట్ల డేటాను సమీక్షించడానికి మిమ్మల్ని అనుమతిస్తుంది. కీబోర్డు సత్వరమార్గం: Mac OS X ( ALT (OPTION) + కమాండ్ + K ), విండోస్ ( CTRL + SHIFT + K )
   డీబగ్గర్: జావాస్క్రిప్ట్ డీబగ్గర్ మీకు బ్రేక్ పాయింట్స్ను సెట్ చేయడం ద్వారా డీప్ నోడ్స్, బ్లాక్ బాక్సింగ్ బాహ్య మూలాలు, మరియు మరింత తనిఖీ చేయడం ద్వారా లోపాలను గుర్తించి, పరిష్కరించడానికి వీలుకల్పిస్తుంది. ఇన్స్పెక్టర్ విషయంలో కూడా, ఈ లక్షణం రిమోట్ డీబగ్గింగ్కు కూడా మద్దతు ఇస్తుంది. కీబోర్డు సత్వరమార్గం: Mac OS X ( ALT (OPTION) + కమాండ్ + S ), విండోస్ ( CTRL + SHIFT + S)
   శైలి ఎడిటర్: మీరు కొత్త స్టైల్షీట్లను సృష్టించడానికి మరియు సక్రియాత్మక వెబ్ పేజీతో వాటిని కలపడానికి అనుమతిస్తుంది లేదా ఇప్పటికే ఉన్న షీట్లను సవరించండి మరియు మీ బ్రౌజర్లో ఒక క్లిక్తో కేవలం ఒక క్లిక్తో ఎలా చూపించాలో పరీక్షించడానికి మిమ్మల్ని అనుమతిస్తుంది. కీబోర్డ్ సత్వరమార్గం: Mac OS X, విండోస్ ( SHIFT + F7 )
   పనితీరు: క్రియాశీల పేజీ యొక్క నెట్వర్క్ పనితీరు, ఫ్రేమ్ రేట్ డేటా, జావాస్క్రిప్ట్ అమలు సమయం మరియు రాష్ట్రం, పెయింట్ ఫ్లానింగ్ మరియు మరిన్ని యొక్క వివరణాత్మక విభజనను అందిస్తుంది. కీబోర్డ్ సత్వరమార్గం: Mac OS X, విండోస్ ( SHIFT + F5 )
   నెట్వర్క్: సంబంధిత పద్ధతి, మూలం డొమైన్, రకం, పరిమాణం మరియు సమయం గడిచిన తరువాత బ్రౌజర్ ద్వారా ప్రారంభించబడిన ప్రతి నెట్వర్క్ అభ్యర్థనను జాబితా చేస్తుంది. కీబోర్డు సత్వరమార్గం: Mac OS X ( ALT (OPTION) + కమాండ్ + Q ), విండోస్ ( CTRL + SHIFT + Q )
   డెవలపర్ ఉపకరణపట్టీ: ఇంటరాక్టివ్ కమాండ్ లైన్ ఇంటర్ప్రెటర్ తెరుస్తుంది. అందుబాటులో ఉన్న అన్ని ఆదేశాల జాబితా మరియు వారి సరైన సిన్టాక్స్ కొరకు వ్యాఖ్యానానికి సహాయాన్ని ఇవ్వండి. కీబోర్డ్ సత్వరమార్గం: Mac OS X, విండోస్ ( SHIFT + F2 )
   Webide: ఫైర్ఫాక్స్ OS నడుస్తున్న ఒక వాస్తవ పరికరం ద్వారా లేదా Firefox OS సిమ్యులేటర్ ద్వారా వెబ్ అనువర్తనాలను సృష్టించడం మరియు అమలు చేసే సామర్థ్యాన్ని అందిస్తుంది. కీబోర్డ్ సత్వరమార్గం: Mac OS X, విండోస్ ( SHIFT + F8 )
   బ్రౌజర్ కన్సోల్: వెబ్ కన్సోల్ వలె అదే కార్యాచరణను అందిస్తుంది (పైన చూడండి). అయినప్పటికీ, మొత్తం డేటాను కేవలం ఫైర్ఫాక్స్ అప్లికేషన్ ( పొడిగింపులు మరియు బ్రౌజర్-స్థాయి ఫంక్షన్లతో సహా) కేవలం చురుకుగా ఉండే వెబ్ పేజీకి వ్యతిరేకంగా ఉంటుంది. కీబోర్డు సత్వరమార్గం: Mac OS X ( SHIFT + COMMAND + J ), విండోస్ ( CTRL + SHIFT + J )
   రెస్పాన్సివ్ డిజైన్ చూడండి: మీరు తక్షణమే వివిధ తీర్మానాలు, లేఅవుట్లు మరియు స్క్రీన్ పరిమాణాలలో వెబ్ పేజీలను మాత్రలు మరియు స్మార్ట్ఫోన్లతో సహా పలు పరికరాలను అనుకరించడానికి అనుమతిస్తుంది. కీబోర్డు సత్వరమార్గం: Mac OS X ( ALT (OPTION) + కమాండ్ + M ), విండోస్ ( CTRL + SHIFT + M )
   ఐడ్రోపర్పర్: వ్యక్తిగతంగా ఎంచుకున్న పిక్సెల్ల కోసం హెక్స్ రంగు కోడ్ను ప్రదర్శిస్తుంది.
   స్క్రాచ్ప్యాడ్ : మీరు పాప్-అవుట్ ఫైర్ఫాక్స్ విండోలో జావాస్క్రిప్ట్ కోడ్ యొక్క స్నిప్పెట్లను రాయడం, సవరించడం, ఇంటిగ్రేట్ మరియు అమలు చేయడానికి అనుమతిస్తుంది. కీబోర్డ్ సత్వరమార్గం: Mac OS X, విండోస్ ( SHIFT + F4 )
   పేజీ మూలం: అసలైన బ్రౌజర్ ఆధారిత డెవలపర్ సాధనం, ఈ ఐచ్ఛికం సక్రియ పేజీ కోసం అందుబాటులో ఉన్న సోర్స్ కోడ్ను ప్రదర్శిస్తుంది. కీబోర్డ్ సత్వరమార్గం: Mac OS X ( COMMAND + U ), విండోస్ ( CTRL + U )
   మరింత సాధనాలను పొందండి: మొజిల్లా యొక్క అధికారిక add-ons సైట్లో వెబ్ డెవలపర్ యొక్క టూల్ బాక్స్ సేకరణ, ఫైర్ డబ్ మరియు గ్రేస్మోన్కీ వంటి డజను ప్రసిద్ధ పొడిగింపులను కలిగి ఉంటుంది.

మైక్రోసాఫ్ట్ ఎడ్జ్ / ఇంటర్నెట్ ఎక్స్ప్లోరర్

సాధారణంగా ఇంటర్నెట్ ఎక్స్ప్లోరర్ యొక్క సంస్కరణలు, IE11 మరియు మైక్రోసాఫ్ట్ ఎడ్జ్ లలో డీబెల్ టూల్సెట్ల నుండి ఇంటర్ఫేస్ను ప్రారంభించిన కీబోర్డ్ సత్వరమార్గం కోసం F12 డెవలపర్ ఉపకరణాలుగా పిలువబడే F12 డెవలపర్ ఉపకరణాలు , చాలా ప్రారంభమైనప్పటి నుంచి మానిటర్లు, డీబగ్గర్లు, ఎమ్యులేటర్లు, మరియు ఆన్-ఫ్లై కంపైలర్ లు.

1. మరిన్ని చుక్కల మెనులో క్లిక్ చేయండి, ఇది మూడు చుక్కలచే ప్రాతినిధ్యం వహిస్తుంది మరియు బ్రౌజర్ విండో యొక్క ఎగువ కుడి చేతి మూలలో ఉన్నది. డ్రాప్ డౌన్ మెను కనిపించినప్పుడు, F12 డెవలపర్ ఉపకరణాల లేబుల్ ఎంపికను ఎంచుకోండి. నేను ఇప్పటికే చెప్పినట్లుగా, మీరు F12 కీబోర్డ్ సత్వరమార్గం ద్వారా సాధనాలను కూడా పొందవచ్చు.
2. అభివృద్ధి ఇంటర్ఫేస్ ఇప్పుడు ప్రదర్శించబడాలి, సాధారణంగా బ్రౌజర్ విండో దిగువ భాగంలో. కింది సాధనాలు అందుబాటులో ఉన్నాయి, అందువల్ల ప్రతిదానికొకటి తమ ట్యాబ్ శీర్షికను క్లిక్ చేయడం ద్వారా లేదా దానితో పాటుగా కీబోర్డ్ సత్వరమార్గాన్ని ఉపయోగించడం ద్వారా అందుబాటులో ఉంటుంది.
   DOM ఎక్స్ప్లోరర్: మీరు చురుకుగా పేజీలో స్టైల్షీట్స్ మరియు HTML ని సవరించడానికి, చివరి మార్పుల ఫలితాలను సవరించడానికి మిమ్మల్ని అనుమతిస్తుంది. వర్తించే కోడ్ను స్వీయపూర్తి చేయడానికి IntelliSense కార్యాచరణను ఉపయోగించుకుంటుంది. కీబోర్డ్ సత్వరమార్గం: (CTRL + 1)
   కన్సోల్: సమీకృత API ద్వారా కౌంటర్లు, టైమర్లు, జాడలు మరియు అనుకూలీకరించిన సందేశాలతో డీబగ్గింగ్ సమాచారాన్ని సమర్పించే సామర్థ్యాన్ని అందిస్తుంది. కూడా, మీరు యాక్టివ్ వెబ్ పేజీ లోకి కోడ్ ఇంజెక్ట్ మరియు నిజ సమయంలో వ్యక్తిగత వేరియబుల్స్ కేటాయించిన విలువలు సవరించడానికి అనుమతిస్తుంది. కీబోర్డ్ సత్వరమార్గం: (CTRL + 2)
   డీబగ్గర్: బ్రేక్పాయింట్లను సెట్ చేసి, మీ కోడ్ డీబగ్ చేసేటప్పుడు డీబగ్గర్ , అవసరమైతే లైన్ ద్వారా పంపుతుంది. కీబోర్డ్ సత్వరమార్గం: (CTRL + 3)
   నెట్వర్క్: ప్రయోగాత్మక వివరాలు, కంటెంట్ రకం, బ్యాండ్విడ్త్ వాడకం మరియు మరింత సహా పేజీ లోడ్ మరియు అమలు సమయంలో బ్రౌజర్ ప్రారంభించిన ప్రతి నెట్వర్క్ అభ్యర్థనను జాబితా చేస్తుంది. కీబోర్డ్ సత్వరమార్గం: (CTRL + 4)
   పనితీరు: వివరాలు ఫ్రేమ్ రేట్లు, CPU వినియోగం మరియు ఇతర పనితీరు సంబంధిత మెట్రిక్స్ మీరు పేజీ లోడ్ సార్లు మరియు ఇతర కార్యకలాపాలను వేగవంతం చేయడంలో సహాయపడతాయి. కీబోర్డ్ సత్వరమార్గం: (CTRL + 5)
   మెమరీ: వేరొక సమయ వ్యవధుల నుండి స్నాప్షాట్లతో పాటుగా మెమొరీ వాడుక కాలపట్టికను ప్రదర్శించడం ద్వారా ప్రస్తుత వెబ్ పేజీలో సంభావ్య మెమోరీ లీక్లను మీరు వేరుచేసి, సరిదిద్దటానికి సహాయపడుతుంది. కీబోర్డ్ సత్వరమార్గం: (CTRL + 6)
   ఎమ్యులేషన్: చురుకైన పేజీ వివిధ తీర్మానాలు మరియు స్క్రీన్ పరిమాణాలలో, స్మార్ట్ఫోన్లు, టాబ్లెట్లు మరియు ఇతర పరికరాలకు అనుగుణంగా ఎలా వ్యవహరిస్తుందో మీకు చూపిస్తుంది. అలాగే వినియోగదారు ఏజెంట్ మరియు పేజీ విన్యాసాన్ని సవరించే సామర్థ్యాన్ని అందిస్తుంది, అలాగే అక్షాంశం మరియు రేఖాంశాన్ని నమోదు చేయడం ద్వారా విభిన్న భౌగోళికీకరణలను అనుకరించండి. కీబోర్డ్ సత్వరమార్గం: (CTRL + 7)
3. ఇతర సాధనాల్లోని ఏకకాలంలో కన్సోల్ని ప్రదర్శించడానికి, డిస్క్ టూల్స్ ఇంటర్ఫేస్ యొక్క కుడి ఎగువ మూలలో ఉన్న దానిలోని కుడి బ్రాకెట్తో చదరపు బటన్పై క్లిక్ చేయండి.
4. అన్లాక్ చేయడానికి, డెవలపర్ టూల్స్ ఇంటర్ఫేస్ కాబట్టి ఇది ప్రత్యేక విండోగా మారుతుంది, రెండు కాస్కేడింగ్ దీర్ఘ చతురస్రాలు సూచించే బటన్పై క్లిక్ చేయండి లేదా క్రింది కీబోర్డ్ సత్వరమార్గాన్ని ఉపయోగించుకోండి: CTRL + P. మీరు రెండోసారి CTRL + P ను నొక్కడం ద్వారా వాటి అసలు స్థానాన్ని తిరిగి అమర్చవచ్చు .

ఆపిల్ సఫారి (OS X మాత్రమే)

సఫారి యొక్క విభిన్న dev toolset వారి డిజైన్ మరియు ప్రోగ్రామింగ్ అవసరాల కోసం ఒక Mac ను ఉపయోగించే పెద్ద డెవలపర్ సంఘాన్ని ప్రతిబింబిస్తుంది. ఒక శక్తివంతమైన కన్సోల్ మరియు సాంప్రదాయ లాగింగ్ మరియు డీబగ్గింగ్ లక్షణాలతో పాటు, సులభమైన ఉపయోగించే ప్రతిస్పందించే నమూనా మోడ్ మరియు మీ స్వంత బ్రౌజర్ పొడిగింపులను సృష్టించే సాధనం కూడా అందించబడతాయి.

1. మీ స్క్రీన్ ఎగువన ఉన్న బ్రౌజర్ మెనులో సఫారిపై క్లిక్ చేయండి. డ్రాప్-డౌన్ మెను కనిపించినప్పుడు, ప్రాధాన్యతలను ఎంచుకోండి. ఈ మెను ఐటెమ్ స్థానంలో మీరు క్రింది కీబోర్డ్ సత్వరమార్గాన్ని కూడా ఉపయోగించవచ్చు: COMMAND + COMMA (,)
2. సఫారి యొక్క ప్రాధాన్యతల ఇంటర్ఫేస్ ఇప్పుడు మీ బ్రౌజర్ విండోని అతివ్యాప్తి చేయవలసి ఉంటుంది. శీర్షిక యొక్క కుడి వైపున ఉన్న అధునాతన చిహ్నాన్ని క్లిక్ చేయండి.
3. అధునాతన ప్రాధాన్యతలు ఇప్పుడు కనిపించాలి. ఈ స్క్రీన్ దిగువన మెన్ బార్లో షో డెవలప్ మెనుని ఎంపిక చేసిన ఒక ఎంపికను చెక్ బాక్సుతో కలిపి ఎంపిక చేసుకుంటారు. పెట్టెలో చూపించబడిన చెక్ మార్క్ లేకపోతే, అక్కడ ఒకదానిని ఉంచడానికి ఒకసారి దానిపై క్లిక్ చేయండి.
4. ఎగువ ఎడమ చేతి మూలలో కనిపించే ఎరుపు 'x' పై క్లిక్ చేయడం ద్వారా ప్రాధాన్యతలు ఇంటర్ఫేస్ను మూసివేయండి.
5. బుక్మార్క్లు మరియు విండో మధ్య ఉన్న, అభివృద్ధి చేయబడిన బ్రౌజర్ మెనూలో మీరు కొత్త ఎంపికను గమనించాలి. ఈ మెను ఐటెమ్పై క్లిక్ చేయండి. ఒక డ్రాప్-డౌన్ మెను ఇప్పుడు క్రింది ఎంపికలను కలిగి ఉండాలి.
   పేజీని తెరువు: ప్రస్తుతం మీ Mac లో ఇన్స్టాల్ చేయబడిన ఇతర బ్రౌజర్లలో ఒకదానిలో చురుకుగా ఉన్న వెబ్ పేజీని తెరవడానికి మిమ్మల్ని అనుమతిస్తుంది.
   వాడుకరి ఏజెంట్: క్రోమ్, ఫైర్ఫాక్స్ మరియు ఇంటర్నెట్ ఎక్స్ప్లోరర్ యొక్క పలు సంస్కరణలతో సహా డజనుకు ముందుగా నిర్వచించబడిన వినియోగదారు ఏజెంట్ విలువలను ఎంచుకుని, మీ స్వంత కస్టమ్ స్ట్రింగ్ను నిర్వచిస్తుంది.
   ప్రతిస్పందించే డిజైన్ మోడ్ ను నమోదు చేయండి: వివిధ పేజీలలో మరియు విభిన్న స్క్రీన్ తీర్మానాల్లో కనిపించే ప్రస్తుత పేజీని రెండింటినీ అందిస్తుంది.
   వెబ్ ఇన్స్పెక్టర్ చూపించు: సఫారి యొక్క dev టూల్స్ కోసం ప్రధాన ఇంటర్ఫేస్ను ప్రారంభించి, సాధారణంగా మీ బ్రౌజర్ స్క్రీన్ దిగువన ఉంచుతారు మరియు క్రింది విభాగాలను కలిగి ఉంటుంది: మూలకాలు , నెట్వర్క్ , వనరులు , సమయపాలన , డీబగ్గర్ , నిల్వ , కన్సోల్ .
   దోష కన్సోను చూపించు: లోపాలు, హెచ్చరికలు మరియు ఇతర శోధనా లాగ్ డేటాను ప్రదర్శించే కన్సోల్ టాబ్కు నేరుగా dev టూల్స్ ఇంటర్ఫేస్ను ప్రారంభిస్తుంది.
   పేజీ మూలాన్ని చూపు: వనరుల ట్యాబ్ను తెరుస్తుంది, డాక్యుమెంట్ ద్వారా వర్గీకరించబడిన సక్రియాత్మక పేజీ కోసం సోర్స్ కోడ్ను ప్రదర్శిస్తుంది.
   పేజీ వనరులను చూపించు: Show Page మూల ఎంపిక వలె అదే ఫంక్షన్ను నిర్వహిస్తుంది.
   స్నిప్పెట్ ఎడిటర్ చూపించు: మీరు CSS మరియు HTML కోడ్ ఎంటర్ చెయ్యవచ్చు పేరు ఒక కొత్త విండోలో తెరుస్తుంది, దాని అవుట్పుట్ ఆన్-ఫ్లై ప్రివ్యూ.
   ఎక్స్టెన్షన్ బిల్డర్ చూపించు: CSS, HTML మరియు JavaScript తో సఫారి పొడిగింపులను సృష్టించగల లేదా సవరించే సామర్థ్యాన్ని అందిస్తుంది.
   కాలక్రమం రికార్డింగ్ చూపించు: సమయపాలన టాబ్ను తెరిచి, నెట్వర్క్ అభ్యర్థనలు, లేఅవుట్ మరియు రెండరింగ్ సమాచారాన్ని అలాగే జావాస్క్రిప్ట్ అమలు నిజ సమయంలో ప్రదర్శించడం ప్రారంభమవుతుంది.
   ఖాళీ క్యాచీలు: ప్రస్తుతం మీ హార్డ్ డిస్క్లో నిల్వ చేయబడిన మొత్తం కాష్ను తొలగిస్తుంది.
   క్యాచీలను ఆపివేయి: క్యాచీ నుండి సఫారిని నిలిపివేస్తుంది, అందువల్ల ప్రతి పేజీ లోడ్పై సర్వర్ నుండి మొత్తం కంటెంట్ను తిరిగి పొందవచ్చు.
   డిసేబుల్ చిత్రాలు: అన్ని వెబ్ పేజీలలో రెండరింగ్ నుండి చిత్రాలు నిరోధిస్తుంది.
   స్టైల్స్ని ఆపివేయి: ఒక పేజీ లోడ్ అయినప్పుడు CSS లక్షణాలను విస్మరిస్తుంది.
   JavaScript ను నిలిపివేయి: అన్ని పేజీలలో జావాస్క్రిప్ట్ అమలును పరిమితం చేయండి.
   పొడిగింపులను నిలిపివేయి: ఇన్స్టాల్ చేయబడిన అన్ని పొడిగింపులను బ్రౌజర్లో అమలు చేయడాన్ని నిషేధిస్తుంది.
   సైట్-నిర్దిష్ట హక్స్ని ఆపివేయి: సక్రియాత్మక వెబ్ పేజీకి ప్రత్యేకమైన సమస్య (లు) ను స్పష్టంగా నిర్వహించడానికి సఫారి సవరించబడితే, ఈ మార్పు ఆ మార్పులను ఆపివేస్తుంది అందువల్ల ఈ మార్పులను ప్రవేశపెట్టిన ముందు పేజీ లోడ్ అవుతుంది.
   స్థానిక ఫైల్ పరిమితులను ఆపివేయి: భద్రతా కారణాల దృష్ట్యా డిఫాల్ట్గా నిరోధించిన ఒక చర్య మీ స్థానిక డిస్క్లో ఫైళ్లను యాక్సెస్ చేయడానికి బ్రౌజర్ని అనుమతిస్తుంది.
   క్రాస్-ఆరిజిన్ పరిమితులను ఆపివేయి: XSS మరియు ఇతర సంభావ్య ప్రమాదాలను నిరోధించడానికి ఈ పరిమితులు డిఫాల్ట్గా స్థానంలో ఉంచబడతాయి. అయినప్పటికీ, అభివృద్ధి ప్రయోజనాల కోసం వారు తరచుగా తాత్కాలికంగా నిలిపివేయాలి.
   స్మార్ట్ శోధన ఫీల్డ్ నుండి జావాస్క్రిప్ట్ను అనుమతించండి: ప్రారంభించినప్పుడు, జావాస్క్రిప్ట్తో URL లను ఎంటర్ చేసే సామర్థ్యాన్ని అందిస్తుంది : నేరుగా చిరునామా పట్టీలో చేర్చబడుతుంది.
   SHA-1 సర్టిఫికేట్లు అసురక్షితంగా వ్యవహరించండి: SHA-1 అల్గోరిథంను ఉపయోగించి SSL సర్టిఫికెట్లు వెలుపల తేదీ మరియు హానికరమని భావిస్తారు.