Anonim

మొబైల్ పరికరాలు ఇప్పటికే చాలా వెబ్‌సైట్‌ల కోసం ఆన్‌లైన్ రీడర్‌షిప్‌లో ఎక్కువ భాగం కలిగివున్నాయి, కాబట్టి మీ సైట్ ఐఫోన్ లేదా టాబ్లెట్‌లో సరిగ్గా కనిపిస్తుంది మరియు పని చేస్తుందని నిర్ధారించుకోవడం చాలా ముఖ్యం. ఇచ్చిన URL కోసం మొబైల్ లేఅవుట్ ప్రివ్యూలను అందించే అనేక సేవలు ఉన్నాయి, అయితే ఆపిల్ OS X ఎల్ కాపిటన్ లోని సఫారి 9 తో మొబైల్ సంసిద్ధత కోసం పరీక్షా వెబ్‌సైట్‌లను చాలా సులభం చేసింది. రెస్పాన్సివ్ డిజైన్ మోడ్ అని పిలువబడే క్రొత్త ఫీచర్ వివిధ రకాల ఆపిల్ పరికరాలతో పాటు సాధారణ మొబైల్ స్క్రీన్ రిజల్యూషన్స్‌లో వెబ్‌సైట్ ఎలా ఉంటుందో త్వరగా పరిదృశ్యం చేస్తుంది. ఇది ఎలా పనిచేస్తుందో ఇక్కడ ఉంది.
రెస్పాన్సివ్ డిజైన్ మోడ్ అనేది OS X ఎల్ కాపిటన్ లోని సఫారి 9 కి ప్రత్యేకమైన ఒక క్రొత్త లక్షణం అని పునరుద్ఘాటించడం చాలా ముఖ్యం, కాబట్టి మీరు దీన్ని యాక్సెస్ చేయడానికి కనీసం ఈ బ్రౌజర్ మరియు ఆపరేటింగ్ సిస్టమ్ వెర్షన్లను అమలు చేయాలి. మీ Mac ఈ అవసరాన్ని తీర్చినట్లయితే, మీరు మొదట సఫారి డెవలపర్ మోడ్‌ను ప్రారంభించాలి. అలా చేయడానికి, సఫారిని ప్రారంభించి, మెనూ బార్‌లోని సఫారి క్లిక్ చేయండి. అప్పుడు ప్రాధాన్యతలు> అధునాతనమైనవి ఎంచుకోండి.


సఫారి ప్రాధాన్యతల విండో యొక్క అధునాతన ట్యాబ్‌లో, “మెనూ బార్‌లో డెవలప్ మెనూని చూపించు” అని లేబుల్ చేయబడిన పెట్టెను ఎంచుకోండి. ఎంపిక యొక్క పేరు సూచించినట్లుగా, సఫారి మెనూ బార్‌లో కుడి వైపున కొత్త “డెవలప్” మెను కనిపిస్తుంది. "బుక్మార్క్లు."
తరువాత, సఫారి ప్రాధాన్యతల విండోను మూసివేసి, మీరు రెస్పాన్సివ్ డిజైన్ మోడ్‌లో పరీక్షించదలిచిన వెబ్‌సైట్‌కు నావిగేట్ చేయండి. మీ బ్రౌజర్‌లో వెబ్‌సైట్ పూర్తిగా లోడ్ అయిన తర్వాత, కీబోర్డ్ సత్వరమార్గం కమాండ్-ఆప్షన్-ఆర్‌ని ఉపయోగించండి మరియు బ్రౌజర్ విండో అనేక మొబైల్ పరికర తీర్మానాల్లో ఒకదాని యొక్క ప్రివ్యూగా మార్చడాన్ని మీరు చూస్తారు (మీరు అభివృద్ధి క్లిక్ చేయడం ద్వారా ప్రతిస్పందించే డిజైన్ మోడ్‌ను కూడా యాక్సెస్ చేయవచ్చు సఫారి మెనూ బార్ మరియు ఎంటర్ రెస్పాన్సివ్ డిజైన్ మోడ్‌ను ఎంచుకోవడం).

సఫారి రెస్పాన్సివ్ డిజైన్ మోడ్ 3.5 అంగుళాల ఐఫోన్ 4 ఎస్ నుండి 12.9-అంగుళాల ఐప్యాడ్ ప్రో వరకు ఆపిల్ యొక్క అన్ని మొబైల్ పరికర తీర్మానాలపై వెబ్‌సైట్ ఎలా ఉంటుందో ప్రివ్యూ చేయడానికి మిమ్మల్ని అనుమతిస్తుంది. వినియోగదారులు 1x, 2x, లేదా 3x “రెటినా” రిజల్యూషన్‌ను ఎంచుకుని, Chrome, Firefox మరియు Edge వంటి అత్యంత ప్రాచుర్యం పొందిన బ్రౌజర్‌ల ప్రవర్తనను అనుకరించడానికి బ్రౌజర్ ఏజెంట్‌ను మార్చడానికి కూడా అవకాశం ఉంది.

ప్రతి పరికరం మరియు స్క్రీన్ పరిమాణం కోసం, వినియోగదారులు పోర్ట్రెయిట్ మరియు ల్యాండ్‌స్కేప్ ధోరణి మధ్య మార్చడానికి పరికర చిహ్నంపై క్లిక్ చేయవచ్చు లేదా, స్ప్లిట్ వీక్షణకు మద్దతు ఇచ్చే ఐప్యాడ్ ఎయిర్ మరియు ఐప్యాడ్ ప్రో వంటి పరికరాల కోసం, మీరు వివిధ స్ప్లిట్ వ్యూ లేఅవుట్ల మధ్య తిప్పడానికి క్లిక్ చేయవచ్చు.

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

మీ వెబ్‌సైట్ యొక్క మొబైల్ లేఅవుట్‌ను సఫారి ప్రతిస్పందించే డిజైన్ మోడ్‌తో పరీక్షించండి