విషయము
- ఆపిల్ యొక్క వెబ్ బ్రౌజర్లో డెవలపర్ సాధనాలను యాక్సెస్ చేయండి
- సఫారిలో రెస్పాన్సివ్ డిజైన్ మోడ్ను ఎలా ప్రారంభించాలి
- సఫారి డెవలపర్ సాధనాలు
ఆపిల్ యొక్క వెబ్ బ్రౌజర్లో డెవలపర్ సాధనాలను యాక్సెస్ చేయండి
వెబ్సైట్లు మరియు వెబ్ అనువర్తనాలు పరికరాలు మరియు ప్లాట్ఫారమ్లకు మద్దతు ఇస్తున్నాయని నిర్ధారించుకోవడం వెబ్ డెవలపర్లకు అవసరమైన పని. ఆపిల్ యొక్క సఫారి వెబ్ బ్రౌజర్ ఒక రెస్పాన్సివ్ డిజైన్ మోడ్ను కలిగి ఉంది, ఇది మీ సైట్ వివిధ స్క్రీన్ రిజల్యూషన్లలో మరియు విభిన్న ఐప్యాడ్, ఐఫోన్ మరియు ఐపాడ్ టచ్ బిల్డ్లలో ఎలా ప్రదర్శించబడుతుందో ప్రివ్యూ చేయడానికి మిమ్మల్ని అనుమతిస్తుంది.
ఈ వ్యాసంలోని సూచనలు మాకోస్ కోసం సఫారి 13 కి వర్తిస్తాయి. విండోస్ వెర్షన్లో రెస్పాన్సివ్ డిజైన్ మోడ్ అందుబాటులో లేదు.
సఫారిలో రెస్పాన్సివ్ డిజైన్ మోడ్ను ఎలా ప్రారంభించాలి
సఫారి యొక్క డెవలపర్ సాధనాలు మరియు ప్రతిస్పందించే డిజైన్ మోడ్ను ప్రారంభించడానికి:
-
ఎంచుకోండి సఫారి > ప్రాధాన్యతలు సఫారి టూల్బార్లో.
మీరు కీబోర్డ్ సత్వరమార్గాన్ని కూడా ఉపయోగించవచ్చు కమాండ్+కామా (,) ప్రాధాన్యతల మెనుని యాక్సెస్ చేయడానికి.
-
ప్రాధాన్యతల మెనులో, ఎంచుకోండి ఆధునిక ట్యాబ్ చేసి, పక్కన ఉన్న పెట్టెను తనిఖీ చేయండి మెను బార్లో అభివృద్ధి మెనుని చూపించు. స్క్రీన్ ఎగువన ఉన్న సఫారి టూల్బార్లో ఇప్పుడు కొత్త ఎంపిక అందుబాటులో ఉండాలి.
-
ఎంచుకోండి అభివృద్ధి > రెస్పాన్సివ్ డిజైన్ మోడ్ను నమోదు చేయండి సఫారి టూల్బార్లో.
మీరు కీబోర్డ్ సత్వరమార్గాన్ని కూడా ఉపయోగించవచ్చు ఎంపిక+కమాండ్+R రెస్పాన్సివ్ డిజైన్ మోడ్లోకి ప్రవేశించడానికి.
-
క్రియాశీల వెబ్ పేజీ ఇప్పుడు రెస్పాన్సివ్ డిజైన్ మోడ్లో ప్రదర్శించబడుతుంది. పేజీ ఎగువన, పేజీ ఎలా ఉంటుందో చూడటానికి iOS పరికరం లేదా స్క్రీన్ రిజల్యూషన్ను ఎంచుకోండి.
రిజల్యూషన్ చిహ్నాల పైన నేరుగా డ్రాప్-డౌన్ మెనుని ఉపయోగించి వేర్వేరు వినియోగదారు ఏజెంట్లను అనుకరించమని మీరు సఫారికి సూచించవచ్చు.
సఫారి డెవలపర్ సాధనాలు
రెస్పాన్సివ్ డిజైన్ మోడ్తో పాటు, సఫారి యొక్క డెవలప్ మెను అనేక ఇతర ఉపయోగకరమైన ఎంపికలను అందిస్తుంది:
- దీనితో పేజీని తెరవండి: ప్రస్తుతం మీ Mac లో ఇన్స్టాల్ చేయబడిన ఇతర బ్రౌజర్లో క్రియాశీల వెబ్ పేజీని తెరవండి.
- వినియోగదారు ఏజెంట్: యూజర్ ఏజెంట్ను మార్చడం వల్ల వెబ్ సర్వర్లు మీ బ్రౌజర్ను సఫారి కాకుండా మరేదైనా గుర్తించగలవు.
- వెబ్ ఇన్స్పెక్టర్ను కనెక్ట్ చేయండి: CSS సమాచారం మరియు DOM కొలమానాలతో సహా వెబ్పేజీ యొక్క అన్ని వనరులను ప్రదర్శించండి.
- లోపం కన్సోల్ చూపించు: జావాస్క్రిప్ట్, HTML మరియు XML లోపాలు మరియు హెచ్చరికలను ప్రదర్శించు.
- పేజీ మూలాన్ని చూపించు: క్రియాశీల వెబ్ పేజీ యొక్క సోర్స్ కోడ్ను వీక్షించండి మరియు శోధించండి.
- పేజీ వనరులను చూపించు: ప్రస్తుత పేజీ నుండి పత్రాలు, స్క్రిప్ట్లు, CSS మరియు ఇతర వనరులను ప్రదర్శించండి.
- స్నిప్పెట్ ఎడిటర్ చూపించు: కోడ్ యొక్క శకలాలు సవరించండి మరియు అమలు చేయండి. పరీక్ష కోణం నుండి ఈ లక్షణం చాలా ఉపయోగపడుతుంది.
- పొడిగింపు బిల్డర్ చూపించు: మీ కోడ్ను తదనుగుణంగా ప్యాకేజింగ్ చేసి, మెటాడేటాను జోడించడం ద్వారా మీ స్వంత సఫారి పొడిగింపులను రూపొందించండి.
- కాలక్రమం రికార్డింగ్ ప్రారంభించండి: నెట్వర్క్ అభ్యర్థనలు, జావాస్క్రిప్ట్ అమలు, పేజీ రెండరింగ్ మరియు వెబ్కిట్ ఇన్స్పెక్టర్లోని ఇతర సంఘటనలను రికార్డ్ చేయండి.
- ఖాళీ కాష్లు: ప్రామాణిక వెబ్సైట్ కాష్ ఫైల్లు మాత్రమే కాకుండా, సఫారిలో నిల్వ చేసిన అన్ని కాష్లను తొలగించండి.
- కాష్లను నిలిపివేయండి: కాషింగ్ నిలిపివేయబడినప్పుడు, స్థానిక కాష్ను ఉపయోగించటానికి విరుద్ధంగా యాక్సెస్ అభ్యర్థన చేసిన ప్రతిసారీ వెబ్సైట్ నుండి వనరులు డౌన్లోడ్ చేయబడతాయి.
- స్మార్ట్ శోధన ఫీల్డ్ నుండి జావాస్క్రిప్ట్ను అనుమతించండి: భద్రతా కారణాల వల్ల అప్రమేయంగా నిలిపివేయబడింది, ఈ లక్షణం సఫారి చిరునామా పట్టీలో జావాస్క్రిప్ట్ ఉన్న URL లను నమోదు చేయడానికి మిమ్మల్ని అనుమతిస్తుంది.
- SHA-1 సర్టిఫికెట్లను అసురక్షితంగా పరిగణించండి: సెక్యూర్ హాష్ అల్గోరిథం కోసం చిన్నది, SHA-1 హాష్ ఫంక్షన్ మొదట అనుకున్నదానికంటే తక్కువ సురక్షితం అని నిరూపించబడింది, అందువల్ల సఫారిలో ఈ ఎంపికను చేర్చడం.