నేటి ప్రపంచంలో ఒక వెబ్ డెవలపర్గా ఉండటం అనేది పరికరాలను మరియు ప్లాట్ఫారమ్ల యొక్క సామర్ధ్యానికి మద్దతునిస్తుంది, ఇది కొన్నిసార్లు నిరుత్సాహకరమైన పనిగా నిరూపించబడుతుంది. తాజా వెబ్ ప్రమాణాలకు అనుగుణంగా బాగా రూపకల్పన చేయబడిన కోడ్తో కూడా, మీ వెబ్సైట్లోని కొన్ని భాగాలు నిర్దిష్ట పరికరాల్లో లేదా తీర్మానాలపై మీకు కావలసిన విధంగా కనిపించకపోవచ్చు లేదా పని చేయకపోవచ్చు. సందర్భాల్లో విస్తృత శ్రేణికి మద్దతు ఇచ్చే సవాలు ఎదుర్కొన్నప్పుడు, మీ పారవేయడం వద్ద సరైన అనుకరణ సాధనాలను కలిగి ఉండటం అమూల్యమైనది.
ఒక Mac ను ఉపయోగించే అనేక ప్రోగ్రామర్లు మీరు అయితే, సఫారి డెవలపర్ టూల్సేట్ ఎల్లప్పుడూ ఉపయోగపడుతోంది. సఫారి 9 విడుదలతో, ఈ కార్యాచరణ యొక్క వెడల్పు ప్రధానంగా రెస్పాన్సివ్ డిజైన్ మోడ్ కారణంగా విస్తరించింది, ఇది మీ సైట్ వివిధ స్క్రీన్ తీర్మానాలు మరియు వివిధ ఐప్యాడ్, ఐప్యాడ్ మరియు ఐపాడ్ టచ్ నిర్మాణాలపై ఎలా చూపిస్తుందో మీరు పరిదృశ్యం చేయడానికి అనుమతిస్తుంది.
ఈ ట్యుటోరియల్ మీ డిజైన్ అవసరాలకు ఇది ఎలా ఉపయోగించాలో ప్రతిస్పందించే డిజైన్ మోడ్ ను ఎలా సక్రియం చేయాలో వివరాలు తెలియజేస్తుంది.
Safari ప్రాధాన్యతలు
మొదట, మీ సఫారి బ్రౌజర్ను తెరవండి.
నొక్కండి సఫారి బ్రౌజర్ మెనూలో, స్క్రీన్ ఎగువన ఉన్నది. డ్రాప్-డౌన్ మెను కనిపించినప్పుడు, ఎంచుకోండి ప్రాధాన్యతలు చూపిన ఉదాహరణలో వృత్తాకార ఎంపిక.
గమనిక: పైన పేర్కొన్న మెను ఐటెమ్ బదులుగా క్రింది కీబోర్డ్ సత్వరమార్గాన్ని ఉపయోగించుకోవచ్చు: COMMAND + COMMA (,)
02 యొక్క 05అభివృద్ధి మెను చూపించు
Safari యొక్క ప్రాధాన్యతలు డైలాగ్ ఇప్పుడు మీ బ్రౌజర్ విండోను అతివ్యాప్తి చేయవలసి ఉంటుంది. మొదట, క్లిక్ చేయండి ఆధునిక చిహ్నం ఒక గేర్ ద్వారా ప్రాతినిధ్యం మరియు విండో ఎగువ కుడి చేతి మూలలో ఉన్న.
బ్రౌజర్ యొక్క అధునాతన ప్రాధాన్యతలు ఇప్పుడు కనిపించాలి. దిగువన ఒక చెక్బాక్స్తో కూడిన ఎంపిక, లేబుల్ చేయబడినది మెను బార్లో మెనుని సృష్టించండి మరియు పై ఉదాహరణలో చుట్టుముట్టారు. ఈ మెనూని క్రియాశీలపరచుటకు ఒకసారి చెక్బాక్స్పై క్లిక్ చేయండి.
03 లో 05రెస్పాన్సివ్ డిజైన్ మోడ్ ను ఎంటర్ చెయ్యండి
ఒక కొత్త ఐచ్చికం మీ సఫారి మెనూలో తెరవబడి వున్న, లేబుల్ చేయబడిన, ఇప్పుడు అందుబాటులో వుండాలి అభివృద్ధి. ఈ ఐచ్ఛికాన్ని క్లిక్ చేయండి.
డ్రాప్-డౌన్ మెను కనిపించినప్పుడు, ఎంచుకోండి రెస్పాన్సివ్ డిజైన్ మోడ్ ను ఎంటర్ చెయ్యండిచూపిన ఉదాహరణలో చుట్టుముట్టింది.
గమనిక: పైన పేర్కొన్న మెను ఐటెమ్ బదులుగా క్రింది కీబోర్డ్ సత్వరమార్గాన్ని ఉపయోగించుకోవచ్చు:ఆప్షన్ + కమాండ్ + R
04 లో 05రెస్పాన్సివ్ డిజైన్ మోడ్
క్రియాశీల వెబ్ పేజీ ఇప్పుడు రెస్పాన్సివ్ డిజైన్ మోడ్లో ప్రదర్శించబడాలి, పై ఉదాహరణలో చూపిన విధంగా. ఐఫోన్ 6 వంటి జాబితాలో ఉన్న iOS పరికరాల్లో ఒకదానిని ఎంచుకోవడం ద్వారా లేదా 800 x 600 వంటి అందుబాటులో ఉన్న స్క్రీన్ తీర్మానల్లో ఒకదానిని ఎంచుకోవడం ద్వారా, ఆ పరికరంలో లేదా ఆ డిస్ప్లే రిజల్యూషన్లో పేజీ ఎలా ప్రదర్శించబడుతుందో మీరు వెంటనే చూడవచ్చు.
పరికరాలను మరియు తీర్మానాలకు అదనంగా, వేరొక బ్రౌజర్ నుండి వేరొక వినియోగదారు ఏజెంట్ను అనుకరించడానికి మీరు సఫారిని సూచించవచ్చు - స్పష్టత చిహ్నాలపై నేరుగా చూపబడిన డ్రాప్-డౌన్ మెనుపై క్లిక్ చేయడం ద్వారా.
05 05మెనూ అభివృద్ధి: ఇతర ఎంపికలు
రెస్పాన్సివ్ డిజైన్ మోడ్కు అదనంగా, సఫారి 9 యొక్క డెవలప్ మెను అనేక ఇతర ఉపయోగకరమైన ఎంపికలను అందిస్తుంది, వాటిలో కొన్ని క్రింద ఇవ్వబడ్డాయి.
- దీనితో పేజీ తెరవండి: ప్రస్తుతం మీరు మీ Mac లో ఇన్స్టాల్ చేయబడిన ఇతర బ్రౌజర్లో సక్రియ వెబ్ పేజీని తెరవడానికి మిమ్మల్ని అనుమతిస్తుంది.
- వినియోగదారు ఏజెంట్: వినియోగదారు ఏజెంట్ను మార్చడం వలన మీ బ్రౌజర్ని సఫారి 9 కాకుండా మీ బ్రౌజర్ని గుర్తించేందుకు వెబ్ సర్వర్లు కారణమవుతాయి.
- వెబ్ ఇన్స్పెక్టర్ను కనెక్ట్ చేయండి: సఫారి 9 యొక్క వెబ్ ఇన్స్పెక్టర్ CSS సమాచారాన్ని, DOM మెట్రిక్స్, మరియు నిర్మాణాన్ని అలాగే దాని స్థానిక సోర్స్ కోడ్ను పరిగణిస్తున్న సామర్థ్యాన్ని అందిస్తుంది, వెబ్పేజీ యొక్క అన్ని వనరులను ప్రదర్శిస్తుంది.
- లోపం కన్సోల్ చూపించు: అభివృద్ది మెనూలో విస్తృతంగా ఉపయోగించే ఎంపికలలో ఒకటి, ఈ కన్సోల్ JavaScript, HTML మరియు XML లోపాలు మరియు హెచ్చరికలను ప్రదర్శిస్తుంది.
- పేజీ మూలాన్ని చూపు: సక్రియ వెబ్ పేజీ సోర్స్ కోడ్ను వీక్షించడానికి మరియు శోధించడానికి మిమ్మల్ని అనుమతిస్తుంది.
- పేజీ వనరులను చూపించు: ఈ ఎంపికను ఎంచుకోవడం ప్రస్తుత పేజీ నుండి పత్రాలు, స్క్రిప్ట్లు, CSS మరియు ఇతర వనరులను ప్రదర్శిస్తుంది.
- స్నిప్పెట్ ఎడిటర్ను చూపు: పూర్తి పేజీకు వ్యతిరేకంగా కోడ్ యొక్క శకలాలు సవరించడానికి మరియు అమలు చేసే సామర్థ్యాన్ని అందిస్తుంది. పరీక్ష ఫీచర్ నుండి ఈ ఫీచర్ చాలా ఉపయోగకరంగా ఉంటుంది.
- పొడిగింపు బిల్డర్ చూపించు: మీ స్వంత సఫారి పొడిగింపులను మీ కోడ్ను ప్యాకేజీ చేయడం ద్వారా మరియు మెటాడేటాను అనుబంధించడం ద్వారా మిమ్మల్ని అనుమతిస్తుంది.
- కాలక్రమం రికార్డింగ్ ప్రారంభించండి: నెట్వర్కు అభ్యర్ధనలు, జావాస్క్రిప్ట్ అమలు, పేజీ రెండరింగ్ మరియు ఇతర ఈవెంట్స్ వెబ్కిట్ ఇన్స్పెక్టర్లో వీక్షించగలిగే వినియోగదారు నిర్వచించిన వ్యవధి కోసం అనేక అంశాలను నమోదు చేస్తుంది.
- ఖాళీ కాష్లు: ఈ ఎంపికను క్లిక్ చేస్తే సఫారిలో ఉన్న అన్ని నిల్వ కాష్ను తొలగిస్తుంది, ప్రామాణిక వెబ్సైట్ కాష్ ఫైల్స్ మాత్రమే కాదు.
- కాష్లను నిలిపివేయి: కాషింగ్ డిసేబుల్ తో, స్థానిక క్యాచీని ఉపయోగించకుండా ప్రతిసారీ ప్రాప్యత అభ్యర్థన తయారు చేయబడిన ప్రతి వెబ్సైట్ నుండి వనరులు డౌన్లోడ్ చేయబడతాయి.
- స్మార్ట్ శోధన ఫీల్డ్ నుండి JavaScript ను అనుమతించండి: భద్రతా కారణాల దృష్ట్యా అప్రమేయంగా డిసేబుల్ అయ్యి, సఫారి అడ్రస్ బార్లో జావాస్క్రిప్ట్ను కలిగి ఉన్న URL లను ఎంటర్ చెయ్యడానికి ఈ ఫీచర్ మిమ్మల్ని అనుమతిస్తుంది.
- అసురక్షితంగా SHA-1 సర్టిఫికేట్లను నిర్వహించండి: సురక్షిత హాష్ అల్గోరిథం కోసం చిన్న, SHA-1 హాష్ ఫంక్షన్ మొదట ఆలోచించిన దానికంటే తక్కువ సురక్షితమని నిరూపించబడింది, అందుచే ఈ సఫారి 9 లో అదనంగా ఎంపిక.
