यह wikiHow आपको सिखाता है कि iPhone के लिए Safari में मोबाइल वेब पेजों के प्रदर्शन की जाँच करने के लिए Apple के डेस्कटॉप Safari ऐप का उपयोग कैसे करें।
कदम
3 का भाग 1: अपने iPhone पर वेब इंस्पेक्टर को सक्षम करना
चरण 1. अपने iPhone की सेटिंग खोलें।
यह एक ग्रे आइकन है जिसमें आपकी होम स्क्रीन पर गियर होते हैं।
Step 2. नीचे स्क्रॉल करें और Safari पर टैप करें।
यह मेल और संपर्क जैसे अन्य Apple iPhone ऐप के साथ सेटिंग्स के चौथे या पांचवें समूह में है।
चरण 3. नीचे स्क्रॉल करें और उन्नत टैप करें।
यह मेनू में सबसे नीचे है।
चरण 4. "वेब इंस्पेक्टर" के बगल में स्थित बटन को "चालू" स्थिति में स्लाइड करें।
यह अंतिम विकल्प है और सक्षम होने पर हरा हो जाएगा।
3 का भाग 2: अपने Mac पर वेब इंस्पेक्टर को सक्षम करना
चरण 1. अपने मैक पर सफारी खोलें।
यह एक ऐसा ऐप है जो नीले कंपास की तरह दिखता है।
चरण 2. सफारी पर क्लिक करें।
यह स्क्रीन के ऊपरी-बाएँ कोने में मेनू बार में है।
चरण 3. वरीयताएँ पर क्लिक करें।
चरण 4. ️उन्नत पर क्लिक करें।
यह विंडो के शीर्ष पर सबसे दाहिना टैब है।
चरण 5. चेक "मेनू बार में डेवलप मेनू दिखाएँ।
" यह खिड़की के नीचे है।
चरण 6. अपने iPhone कनेक्ट करें।
अपने iPhone को अपने Mac से कनेक्ट करने के लिए अपने डिवाइस के साथ आए USB केबल का उपयोग करें।
भाग ३ का ३: iPhone के लिए Safari पर वेब इंस्पेक्टर का उपयोग करना
चरण 1. एक वेब साइट खोलें।
iPhone के लिए Safari पर, वह मोबाइल वेब पेज खोलें जिसे आप डीबग करना चाहते हैं।
चरण 2. विकास पर क्लिक करें।
यह Mac के लिए Safari पर दाईं ओर से तीसरा ड्रॉप-डाउन मेनू है।
चरण 3. अपने iPhone पर क्लिक करें।
यह मेनू के शीर्ष के पास सूचीबद्ध होगा।
चरण 4. वेब साइट पर क्लिक करें।
यह आपके iPhone के दाईं ओर एक पॉप-अप में दिखाई देता है।
यदि आपने अपने iPhone के Safari ऐप पर कोई वेब साइट नहीं खोली है, तो आपको "कोई निरीक्षण योग्य एप्लिकेशन नहीं" संदेश दिखाई देगा।
चरण 5. पृष्ठ का निरीक्षण करें।
अपने Mac पर Safari का उपयोग करके, आप अपने iPhone पर मोबाइल पेजों के प्रदर्शन को बढ़ा और माप सकते हैं।
- वेब इंस्पेक्टर आपको उपयोगकर्ता के लिए अधिक गतिशील, इंटरैक्टिव अनुभव, जैसे एनीमेशन और रीयल-टाइम संदेश बनाने के लिए जावास्क्रिप्ट में कमांड चलाने देता है।
- HTML, XML, या JavaScript कमांड में त्रुटियों के लिए DOM (डॉक्यूमेंट ऑब्जेक्ट मॉडल) तत्वों का निरीक्षण करें।
- मोबाइल पेजों पर लेआउट, रंग और फ़ॉन्ट को अपडेट या संपादित करने के लिए CSS का उपयोग करें।