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

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

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

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

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

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

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

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

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

Lifewire సిఫార్సు పఠనం:ది టాప్ 25 గ్రీస్మోన్కీ మరియు టాంపెర్మోకీ యూజర్ స్క్రిప్ట్స్

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

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

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

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