మీరు వెబ్ డెవలపర్ అయితే లేదా ఆన్‌లైన్ వ్యాపారాన్ని కలిగి ఉన్నట్లయితే, డెస్క్‌టాప్‌లో మొబైల్ సైట్ ఎలా కనిపిస్తుందో తెలుసుకోవాలనే ఆసక్తి మీకు ఉండవచ్చు. ఇంటర్నెట్ ట్రాఫిక్‌లో సగానికి పైగా ఫోన్‌ల నుండి వచ్చినందున మీ మొబైల్ సైట్ యొక్క రూపాన్ని మరియు కార్యాచరణ చాలా కీలకం కావచ్చు. కస్టమర్‌లు సైట్‌లో ఎక్కువసేపు ఉండే అవకాశం ఉంది లేదా అది దృశ్యమానంగా ఆకట్టుకునేలా ఉంటే దాన్ని కొనుగోలు చేయవచ్చు. డెస్క్‌టాప్ వీక్షణ మీకు సవరణలు చేయడంలో మరియు సాధ్యమయ్యే సమస్యలను త్వరగా పరిష్కరించడంలో కూడా సహాయపడుతుంది.
అదృష్టవశాత్తూ, ఇది సాపేక్షంగా సరళమైన ప్రక్రియ. ఈ కథనంలో, వివిధ పరికరాలు మరియు బ్రౌజర్‌లలో వెబ్‌సైట్ యొక్క మొబైల్ వెర్షన్‌ను ఎలా వీక్షించాలో మేము మీకు చూపుతాము.
Macలో Chromeలో వెబ్‌సైట్ యొక్క మొబైల్ వెర్షన్‌ను ఎలా వీక్షించాలి
Chromeలో, మీరు DevTools అనే అంతర్నిర్మిత డెవలపర్ సాధనాన్ని ఉపయోగించడం ద్వారా ముందు భాగాన్ని పరీక్షించవచ్చు మరియు వెబ్‌సైట్ యొక్క అన్ని భాగాలు సరిగ్గా పనిచేస్తున్నాయో లేదో చూడవచ్చు. ఇది ముందే నిర్వచించబడిన పరికర ఎంపికలను అందిస్తుంది కాబట్టి, డెవలపర్ ఎక్స్‌టెన్షన్స్ లేకుండా డెస్క్‌టాప్ నుండి మొబైల్‌కి వీక్షణను వేగంగా మార్చడానికి DevTools గొప్ప మార్గం.
మీరు మీ అవసరాలకు సరిపోయేలా స్క్రీన్ పరిమాణాన్ని కూడా మార్చవచ్చు మరియు మీ వెబ్‌సైట్ వివిధ స్క్రీన్ పరిమాణాలలో ఎలా కనిపిస్తుందో చూడటానికి స్క్రీన్ వెడల్పు మరియు ఎత్తును సర్దుబాటు చేయవచ్చు. Macలో అలా చేయడానికి, ఈ దశలను అనుసరించండి:
- Google Chrome బ్రౌజర్‌ను ప్రారంభించి, మీరు చూడాలనుకుంటున్న సైట్‌కు వెళ్లండి.
- DevToolsని యాక్సెస్ చేయడానికి మీ కీబోర్డ్‌పై F12 నొక్కండి.
- మోడ్ ఆన్ చేయబడినప్పుడు, టోగుల్ పరికర ఎమ్యులేషన్ చిహ్నాన్ని క్లిక్ చేయండి.
- మీరు వాటిని అనుకరించడానికి iOS మరియు Android పరికరాల జాబితా నుండి ఎంచుకోవచ్చు.
- ఇది మీరు ఎంచుకున్న మొబైల్ ఫారమ్‌లో వెబ్‌సైట్‌ను చూపుతుంది.
మీరు పూర్తి చేసిన తర్వాత, వెబ్‌సైట్ యొక్క మొబైల్ వెర్షన్‌ను మూసివేయడానికి డెవలపర్ సాధనాల విండోను మూసివేయండి.
Windows PCలో Chromeలో వెబ్‌సైట్ యొక్క మొబైల్ వెర్షన్‌ను ఎలా వీక్షించాలి
మీరు Chromeలో విండోస్ PCలో వెబ్‌సైట్ యొక్క మొబైల్ వెర్షన్‌ను చూడాలనుకుంటే, ఇది చాలా సారూప్య ప్రక్రియ:
- Chrome బ్రౌజర్‌ని తెరవండి.
- Chromeలో, మీరు మొబైల్ వెర్షన్‌లో చూడాలనుకుంటున్న వెబ్‌సైట్‌కి వెళ్లండి.
- వెబ్‌పేజీపై కుడి-క్లిక్ చేసి, మెను నుండి తనిఖీని ఎంచుకోండి.
- డెవలపర్ సాధనాలకు వెళ్లడానికి, మరిన్ని సాధనాల ట్యాబ్‌పై క్లిక్ చేసి, డెవలపర్ సాధనాలను ఎంచుకోండి లేదా DevToolsని తెరవడానికి F12 నొక్కండి.
- డెవలపర్ టూల్స్ విండో తెరవబడుతుంది.
- మొబైల్ సైట్ వీక్షణ మోడ్‌కి మారడానికి పరికర టోగుల్ చిహ్నాన్ని క్లిక్ చేయండి.
- మీరు అనుకరించాలనుకుంటున్న మొబైల్ పరికరాన్ని ఎంచుకోండి (ఐచ్ఛికం).
- మీరు ఇప్పుడు మీ అవసరాలకు అనుగుణంగా స్క్రీన్ కొలతలు సవరించవచ్చు.
Chromebookలో Chromeలో వెబ్‌సైట్ మొబైల్ వెర్షన్‌ను ఎలా వీక్షించాలి
Chromebookని ఉపయోగించి Chromeలో వెబ్‌సైట్ మొబైల్ వెర్షన్‌ను యాక్సెస్ చేయడం మొదటి రెండు పద్ధతులకు చాలా పోలి ఉంటుంది.
- Google Chrome వెబ్ బ్రౌజర్‌ను తెరవండి.
- మీరు మీ మొబైల్ పరికరంలో యాక్సెస్ చేయాలనుకుంటున్న వెబ్‌పేజీని తెరవండి.
- మెనుని యాక్సెస్ చేయడానికి, నిలువుగా ఉండే మూడు చుక్కల చిహ్నాన్ని క్లిక్ చేయండి.
- జాబితాలోని మరిన్ని సాధనాల అంశంపై మీ మౌస్‌ని లాగండి.
- డెవలపర్ సాధనాలను ఎంచుకోండి.
- బ్రౌజర్‌లోని డెవలపర్ టూల్స్ విండో తెరవబడుతుంది.
- పరికర టోగుల్ చిహ్నాన్ని క్లిక్ చేయడం ద్వారా మొబైల్ సైట్ వీక్షణ మోడ్‌ను టోగుల్ చేయండి.
ఇది మొబైల్ సైట్ కోసం వినియోగదారు ఇంటర్‌ఫేస్‌ను తెస్తుంది. డ్రాప్‌డౌన్ బాక్స్ నుండి తయారు మరియు మోడల్‌ని ఎంచుకోవడం ద్వారా మీరు ప్రాధాన్య పరికర అనుభవాన్ని కూడా ఎంచుకోవచ్చు. మీరు డెవలపర్ టూల్స్ కన్సోల్‌ను మూసివేసినప్పుడల్లా వెబ్‌పేజీ డెస్క్‌టాప్ సైట్‌గా రిఫ్రెష్ అవుతుంది.
Macలో Firefoxలో వెబ్‌సైట్ యొక్క మొబైల్ వెర్షన్‌ను ఎలా చూడాలి
మీరు Mac డెస్క్‌టాప్‌లో మొబైల్ సైట్‌ను వీక్షించడానికి Firefox వంటి ఇతర వెబ్ బ్రౌజర్‌లను ఉపయోగించవచ్చు. బ్రౌజర్ విండో పరిమాణాన్ని మార్చడం అనేది చాలా మంది వెబ్ డెవలపర్‌లు ప్రతిస్పందించే డిజైన్ వెబ్‌సైట్‌ను మూల్యాంకనం చేయడానికి ఉపయోగించే పద్ధతుల్లో ఒకటి. అయితే, చాలా సందర్భాలలో, ఈ ప్రత్యామ్నాయం ఆమోదయోగ్యంగా కనిపించదు.
ఫైర్‌ఫాక్స్ బ్రౌజర్ యొక్క వెబ్ డెవలప్‌మెంట్ సామర్థ్యాలు ఇక్కడ ఉపయోగపడతాయి. Firefoxలో వెబ్‌సైట్‌ల మొబైల్ వెర్షన్‌లను ఎలా యాక్సెస్ చేయాలో మీకు తెలిస్తే మీరు మీ వెబ్ పేజీలను బహుళ రిజల్యూషన్‌లలో బ్రౌజ్ చేయవచ్చు. ఈ దశలను అనుసరించండి:
- మీరు చూడాలనుకుంటున్న వెబ్‌సైట్ మొబైల్ వెర్షన్‌ను తెరవండి.
- వెబ్‌పేజీపై కుడి-క్లిక్ చేసి, మెను నుండి తనిఖీ ఎంపికను ఎంచుకోండి.
- రెస్పాన్సివ్ డిజైన్ మోడ్‌ను ఎంచుకోండి.
- వెబ్‌సైట్ స్క్రీన్ పరిమాణాన్ని ఎంచుకోండి.
Windows PCలో Firefoxలో వెబ్‌సైట్ యొక్క మొబైల్ వెర్షన్‌ను ఎలా వీక్షించాలి
Windows PCలు Firefoxని ఉపయోగించి వెబ్‌సైట్‌ల మొబైల్ వెర్షన్‌లను చూసే అవకాశాన్ని కూడా కలిగి ఉంటాయి. దీన్ని ఎలా చేయాలో ఇక్కడ ఉంది:
- మీ PCలో Firefoxని ప్రారంభించండి.
- మీరు మొబైల్ వెర్షన్‌గా చూడాలనుకుంటున్న వెబ్‌సైట్‌కి వెళ్లండి.
- క్షితిజ సమాంతర మూడు-బార్ చిహ్నాన్ని క్లిక్ చేయడం ద్వారా సెట్టింగ్‌లకు వెళ్లండి.
- మీరు వెబ్ డెవలపర్ ఎంపికను ఎంచుకోవాల్సిన డ్రాప్-డౌన్ మెనుని మీరు చూస్తారు.
- రెస్పాన్సివ్ డిజైన్ మోడ్‌ని ఎంచుకోండి.
- చివరగా, ఆ పరికరంలో మీ సైట్ ఎలా కనిపిస్తుందో చూడటానికి మీరు స్మార్ట్‌ఫోన్ మోడల్‌ను ఎంచుకోవచ్చు.
Macలో Safariలో వెబ్‌సైట్ యొక్క మొబైల్ వెర్షన్‌ను ఎలా వీక్షించాలి
Chrome మరియు Firefoxని ఉపయోగించి డెస్క్‌టాప్‌లో మొబైల్ వెబ్‌సైట్‌ను ఎలా వీక్షించాలో మేము కవర్ చేసాము. అయితే Mac పరికరాలు, Safariతో వచ్చే డిఫాల్ట్ బ్రౌజర్ గురించి ఏమిటి? అదృష్టవశాత్తూ, సఫారిలో వెబ్‌సైట్ యొక్క మొబైల్ వెర్షన్‌ను కూడా వీక్షించడం సాధ్యమవుతుంది.
- సఫారి బ్రౌజర్‌ను ప్రారంభించండి.
- మీరు మొబైల్ వెర్షన్‌గా చూడాలనుకుంటున్న వెబ్‌సైట్‌కి వెళ్లండి.
- ఎంపికలపై క్లిక్ చేసి, ఆపై డెవలప్ మెనుపై క్లిక్ చేయండి.
- డ్రాప్-డౌన్ మెను నుండి, రెస్పాన్సివ్ డిజైన్ మోడ్‌ను నమోదు చేయండి.
- మీరు ఇప్పుడు వెబ్‌సైట్ యొక్క మొబైల్ వెర్షన్‌ను వీక్షించవచ్చు.
అదనపు FAQ
నేను నా ఫోన్‌లో వెబ్‌సైట్ డెస్క్‌టాప్ వెర్షన్‌ను చూడవచ్చా?
సమాధానం అవును! మీరు కంప్యూటర్‌ని ఉపయోగించకుండా దాన్ని తనిఖీ చేయడానికి మొబైల్ వెర్షన్ నుండి డెస్క్‌టాప్ వెర్షన్‌కి మారవచ్చు. Chromeలో మొబైల్ సంస్కరణను డెస్క్‌టాప్ వెర్షన్‌కి మార్చడానికి దశలు క్రింది విధంగా ఉన్నాయి:
1. మీరు డెస్క్‌టాప్ వీక్షణలో చూడాలనుకుంటున్న వెబ్‌సైట్‌కి వెళ్లండి.
2. మెనుని యాక్సెస్ చేయడానికి మూడు-చుక్కల చిహ్నంపై నొక్కండి.
3. ఇప్పుడు డెస్క్‌టాప్ వ్యూ ఎంపికను ఎంచుకోండి.
మీరు ఉపయోగిస్తున్న ఫోన్‌ని బట్టి ఈ దశలు మారవచ్చని గుర్తుంచుకోండి.
పద పత్రాన్ని jpg కు ఎలా మార్చాలి
మొబైల్ వెబ్ డిజైనింగ్‌ను సులభతరం చేయడం
పరికరాలను మార్చకుండా డెస్క్‌టాప్‌లో వెబ్‌సైట్ యొక్క మొబైల్ వెర్షన్‌ను విశ్లేషించడానికి మరియు సవరించడానికి డెవలపర్ సాధనాలు గొప్పవి. వివిధ పరికరాలలో భాగాలు ఎలా పనిచేస్తాయో గమనించడానికి మీరు స్క్రీన్ పరిమాణాన్ని మార్చవచ్చు. మీరు ప్రతిస్పందించే మోడ్‌ను ఉపయోగించి వివిధ భాగాలను సర్దుబాటు చేయవచ్చు మరియు బహుళ స్క్రీన్ పరిమాణాల కోసం వెబ్‌సైట్‌ను సృష్టించవచ్చు.
వెబ్‌సైట్‌ను డిజైన్ చేస్తున్నప్పుడు, ఫోన్‌లు, టాబ్లెట్‌లు మరియు డెస్క్‌టాప్‌లలో సైట్ యొక్క ఫ్రంట్ ఎండ్ ఎలా కనిపిస్తుందో డిజైనర్ ఎల్లప్పుడూ గుర్తుంచుకోవాలి. కథనంలో వివరించిన పద్ధతులను ఉపయోగించడం డెవలపర్‌కు అలా చేయడంలో సహాయపడుతుంది మరియు వెబ్‌సైట్‌లోని ఏ భాగాలు వాటిని పరిష్కరించడానికి సమస్యలను సృష్టిస్తున్నాయో గుర్తించడంలో కూడా సహాయపడుతుంది.
మీరు ఎప్పుడైనా మీ డెస్క్‌టాప్‌లో సైట్ యొక్క మొబైల్ వెర్షన్‌ని వీక్షించడానికి ప్రయత్నించారా? అలా చేయడానికి మీరు ఏ బ్రౌజర్‌ని ఉపయోగించాలనుకుంటున్నారు? దిగువ వ్యాఖ్యల విభాగంలో మాకు తెలియజేయండి.
