ఎలా సఫారి 9 లో రెస్పాన్సివ్ డిజైన్ మోడ్ సక్రియం మరియు ఉపయోగించండి

06 నుండి 01

సక్రియం చేయండి మరియు సఫారి 9 లో రెస్పాన్సివ్ డిజైన్ మోడ్ ఉపయోగించండి

© స్కాట్ ఒర్గార.

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

మీరు ఒక మాక్ను ఉపయోగిస్తున్న అనేక ప్రోగ్రామర్లు అయితే, సఫారి డెవలపర్ టూల్సేట్ ఎల్లప్పుడూ ఉపయోగంలోకి వస్తుంది. సఫారి 9 విడుదలతో ఈ కార్యాచరణ యొక్క వెడల్పు గణనీయంగా విస్తరించింది, ప్రధానంగా ప్రతిస్పందించే డిజైన్ మోడ్_ మీ సైట్ వివిధ తెర తీర్మానాలు, అలాగే ఐప్యాడ్, ఐప్యాడ్ మరియు ఐపాడ్ టచ్ నిర్మాణాలపై మీ సైట్ ఎలా ప్రదర్శిస్తుందో చూద్దాం.

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

మొదట, మీ సఫారి బ్రౌజర్ను తెరవండి.

02 యొక్క 06

Safari ప్రాధాన్యతలు

© స్కాట్ ఒర్గార.

స్క్రీన్ పై భాగంలో ఉన్న బ్రౌజర్ మెనూలో సఫారిపై క్లిక్ చేయండి. డ్రాప్-డౌన్ మెను కనిపించినప్పుడు, పైన ఉన్న ఉదాహరణలో సర్దుబాటు చేసిన Preferences_ ఎంపికను ఎంచుకోండి.

దయచేసి పైన పేర్కొన్న మెను ఐటెమ్కు బదులుగా క్రింది కీబోర్డ్ సత్వరమార్గాన్ని ఉపయోగించవచ్చని గుర్తుంచుకోండి: COMMAND + COMMA (,)

03 నుండి 06

అభివృద్ధి మెను చూపించు

© స్కాట్ ఒర్గార.

Safari యొక్క ప్రాధాన్యతలు డైలాగ్ ఇప్పుడు మీ బ్రౌజర్ విండోను అతివ్యాప్తి చేయవలసి ఉంటుంది. మొదట, అధునాతనమైనది ఒక గేర్ ద్వారా ప్రాతినిధ్యం మరియు విండో యొక్క కుడి ఎగువ మూలలో ఉంది.

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

04 లో 06

రెస్పాన్సివ్ డిజైన్ మోడ్ ను ఎంటర్ చెయ్యండి

© స్కాట్ ఒర్గార.

ఒక కొత్త ఐచ్చికము మీ సఫారి మెనూలో, తెర పైన ఉన్నది, లేబుల్ చేయబడిన డెవలప్ లో అందుబాటులో వుండాలి. ఈ ఐచ్ఛికాన్ని క్లిక్ చేయండి. డ్రాప్-డౌన్ మెను కనిపించినప్పుడు, పైన ఉన్న ఉదాహరణలో చుట్టుముట్టిన ప్రతిస్పందించే డిజైన్ మోడ్ ను ఎన్నుకోండి ఎంచుకోండి.

దయచేసి పైన పేర్కొన్న మెను ఐటెమ్కు బదులుగా క్రింది కీబోర్డ్ సత్వరమార్గాన్ని ఉపయోగించవచ్చని గుర్తుంచుకోండి: OPTION + COMMAND + R

05 యొక్క 06

రెస్పాన్సివ్ డిజైన్ మోడ్

© స్కాట్ ఒర్గార.

క్రియాశీల వెబ్ పుట ఇప్పుడు పైన ఉన్న ఉదాహరణలో చూపిన విధంగా రెస్పాన్సివ్ డిజైన్ మోడ్లో ప్రదర్శించబడాలి. ఐఫోన్ 6 వంటి జాబితాలో ఉన్న iOS పరికరాల్లో ఒకదానిని ఎంచుకోవడం ద్వారా లేదా 800 x 600 వంటి అందుబాటులో ఉన్న స్క్రీన్ తీర్మానల్లో ఒకదానిని ఎంచుకోవడం ద్వారా, ఆ పరికరంలో లేదా ఆ డిస్ప్లే రిజల్యూషన్లో పేజీ ఎలా ప్రదర్శించబడుతుందో మీరు వెంటనే చూడవచ్చు.

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

06 నుండి 06

మెనూ అభివృద్ధి: ఇతర ఎంపికలు

© స్కాట్ ఒర్గార.

రెస్పాన్సివ్ డిజైన్ మోడ్కు అదనంగా, సఫారి 9'స్ డెవలప్ మెనూ అనేక ఇతర ఉపయోగకరమైన ఐచ్ఛికాలను అందిస్తుంది. కొన్ని క్రింద ఇవ్వబడ్డాయి.

సంబంధిత పఠనం

మీరు ఈ ట్యుటోరియల్ ఉపయోగకరంగా ఉంటే, మా ఇతర సఫారి 9 పూర్తి వివరణలు తనిఖీ చేయండి.