मोबाइल सफारी (iPhone या iPad) को डीबग करने के लिए वेब इंस्पेक्टर का उपयोग कैसे करें

मोबाइल उपकरणों के लिए वेब पेज विकसित करना या अपने हाइब्रिड ऐप को डिबग करना अक्सर मुश्किल होता है। लेकिन सौभाग्य से आईओएस पर डिजाइन करने वाले लोगों के लिए, आईओएस 6 के साथ शुरुआत करते हुए, ऐप्पल आईओएस में रिमोट वेब इंस्पेक्टर सुविधा प्रदान करता है।

वेब इंस्पेक्टर वेब और मोबाइल ऐप डेवलपर्स को मैकओएस और ओएस एक्स सफारी डेवलपर टूल्स का उपयोग करने के लिए आईपैड या आईफोन पर मोबाइल सफारी में वेब सामग्री या हाइब्रिड ऐप को दूरस्थ रूप से डीबग करने की अनुमति देता है।

यह आईओएस पर अपने वेब पेजों या हाइब्रिड ऐप्स को डीबग करने, अनुकूलित करने और संशोधित करने का एक आसान और व्यावहारिक तरीका है।

इन विकास उपकरणों तक पहुँचने के लिए, अपने मैक की सफारी की उन्नत प्राथमिकताओं पर विकास मेनू को सक्षम करें।

त्वरित सुझाव

वेब इंस्पेक्टर को काम करने के लिए इन त्वरित युक्तियों का पालन करें ताकि आप सफारी के लिए अपनी साइट या ऐप को डीबग कर सकें

• अपने iPhone, iPad या iPod touch पर अपना स्थान और गोपनीयता सेटिंग रीसेट करें। के लिए जाओ सेटिंग्स> सामान्य> रीसेट> स्थान और गोपनीयता रीसेट करें
• सुनिश्चित करें कि आपने कंप्यूटर पर उसी Apple ID में साइन इन किया है जिसमें आपका iPhone, iPad या iPod touch है
• कंप्यूटर और किसी भी iPhone, iPad या iPod touch दोनों के लिए Safari iCloud सिंकिंग चालू करें
• iPhone या iPad पर, यहां जाएं सेटिंग्स> सफारी> उन्नत और टॉगल करें वेब इंस्पेक्टर
• कंप्यूटर पर, Safari खोलें और पर जाएँ सफारी मेनू> वरीयताएँ> उन्नत और चेकमार्क मेन्यू बार में डेवलप मेन्यू दिखाएं

संबंधित आलेख

• आईपैड या आईफोन पर वेबपेज एचटीएमएल सोर्स कोड देखें। कोई ऐप आवश्यक नहीं है!
• सफारी में HTML सोर्स कोड कैसे देखें
• आईफ़ोन और मैक के लिए सफारी में फ़ेविकॉन कैसे देखें

मैक कंप्यूटर की आवश्यकता

क्षमा करें विंडोज के लोग लेकिन सफारी का वेब इंस्पेक्टर केवल मैक के साथ संगत है!

समान Apple ID और iCloud सिंक का उपयोग करें!

सुनिश्चित करें कि आपका iDevice और आपका Mac दोनों एक ही Apple ID से साइन इन हैं और आप iCloud में Safari पर टॉगल करते हैं।

आपके iDevice के लिए: सेटिंग्स> ऐप्पल आईडी प्रोफाइल> आईक्लाउड> सफारी > चालू टॉगल किया गया

आपके मैक के लिए: Apple मेनू > सिस्टम वरीयताएँ > Apple ID या iCloud > Safari > Checkmarked

और जांचें कि सफारी भी वही संस्करण है

सुनिश्चित करें कि आपके Mac पर Safari वही संस्करण है जो आपके iDevice पर Safari है। आपको अपने मैक पर चल रहे अपने आईओएस संस्करण या सफारी के अपने संस्करण को अपडेट करने की आवश्यकता हो सकती है।

अपना स्थान और गोपनीयता सेटिंग रीसेट करें

1. के लिए जाओ सेटिंग्स> सामान्य
2. चुनते हैं रीसेट
3. करने के लिए चुनना स्थान और गोपनीयता रीसेट करें

वेब देवों के लिए मैक पर प्रो कीबोर्ड शॉर्टकट टिप

यदि आप सफारी में CTRL+Command+R दबाते हैं, तो आप डिवाइस का चयन करके देख सकते हैं कि वेबसाइट किसी विशेष डिवाइस पर कैसी दिखेगी।

मोबाइल सफारी को डीबग करने के लिए वेब इंस्पेक्टर का उपयोग करें

1. अपने iPad, iPhone या iPod touch पर, टैप करें सेटिंग्स> सफारी> उन्नत और टॉगल करें वेब इंस्पेक्टर। और जावास्क्रिप्ट को सक्षम करें यदि यह पहले से चालू नहीं है

2. अपने Mac पर, Safari लॉन्च करें और पर जाएँ सफारी मेनू> वरीयताएँ> उन्नत तो जाँच "मेन्यू बार में डेवलप मेन्यू दिखाएं"यदि आपने पहले से ऐसा नहीं किया है

3. USB केबल से अपने iOS डिवाइस को अपने Mac से कनेक्ट करें। यह महत्वपूर्ण है - आपको केबल का उपयोग करके उपकरणों को मैन्युअल रूप से कनेक्ट करना होगा। यह वाईफाई के जरिए काम नहीं करता है!

4. अब अपने iPad पर, वह वेबसाइट खोलें जिसे आप डिबग करना चाहते हैं, फिर, अपने Mac पर, Safari खोलें और “विकसित करना" मेन्यू। अब आप अपना iDevice देख सकते हैं जिसे आपने अपने Mac से कनेक्ट किया है। यदि आपके पास अपने iDevice पर कोई पेज नहीं खुला है, तो आपको "कोई निरीक्षण योग्य एप्लिकेशन नहीं" कहते हुए एक संदेश दिखाई देता है।

5. अब मोबाइल सफारी पर खुले हुए पेज को ठीक वैसे ही डिबग करें जैसे आप मैक पर डिबग करते हैं, डीओएम तत्वों का निरीक्षण करते हैं, सीएसएस को संशोधित करते हैं, पेज के प्रदर्शन को मापते हैं और जावास्क्रिप्ट कमांड चलाते हैं।

अपने वेबपेज पर किसी भी जावास्क्रिप्ट त्रुटि का कारण खोजने में आपकी सहायता के लिए डीबगर टूल का उपयोग करें। आप ब्रेकप्वाइंट जोड़ सकते हैं, जावास्क्रिप्ट को डीबग कर सकते हैं और रनटाइम पर वेरिएबल्स के मान का निरीक्षण कर सकते हैं।

सफारी को किसी भी सीएसएस, एचटीएमएल और जावास्क्रिप्ट त्रुटियों का भी पता लगाना चाहिए। और आप डीबगर में प्रत्येक त्रुटि का विवरण देखेंगे।

iDevice सफारी में विकसित मेनू में दिखाई नहीं दे रहा है?

•  अपना सफारी कैश और कुकी साफ़ करें
• यदि कोई अपडेट उपलब्ध है, तो अपने Mac और iDevice पर Safari को अपडेट करें।
  • यदि आप बीटा iOS या macOS संस्करण चलाते हैं, तो आपको सभी उपकरणों पर नवीनतम बीटा चलाने की आवश्यकता हो सकती है
• अपने Mac पर कोई अन्य केबल और/या पोर्ट आज़माएँ। सुनिश्चित करें कि केबल एक वास्तविक ऐप्पल लाइटनिंग केबल या एमएफआई प्रमाणित (आईफोन के लिए निर्मित) है
• जांचें कि वेब इंस्पेक्टर चालू है। आईओएस अपडेट कभी-कभी इसे वापस डिफ़ॉल्ट ऑफ सेटिंग पर टॉगल करते हैं। तो बस जांचना सुनिश्चित करें सेटिंग्स> सफारी> उन्नत> वेब इंस्पेक्टर
  • वेब इंस्पेक्टर को टॉगल करने का प्रयास करें, 10 सेकंड प्रतीक्षा करें, और फिर से चालू करें
• इसके बजाय सफ़ारी प्रौद्योगिकी पूर्वावलोकन ब्राउज़र आज़माएं
• अपने मैक पर सफारी से बाहर निकलें और इसे पुनरारंभ करें। देखें कि क्या आपके मैक की सफारी आपके डिवाइस को पहचानती है और डिबगिंग की अनुमति देती है
• जांचें कि आप सफारी के निजी ब्राउज़िंग मोड का उपयोग नहीं कर रहे हैं If आपका iDevice केवल कुछ समय के लिए Safari के Develop मेनू में दिखाई देता है और फिर गायब हो जाता है
• गतिविधि मॉनिटर खोलें और जांचें कि सफारी के साथ क्या हो रहा है

पाठक युक्तियाँ 

• यदि आप iOS 6 या उससे पहले के पुराने iDevice का उपयोग कर रहे हैं, तो आपके डिवाइस के Safari वेब ब्राउज़र का अपना अंतर्निहित डीबग कंसोल है! पर जाकर बस सफारी के डीबग कंसोल तक पहुंचें समायोजन > सफारी > डेवलपर > डीबग कंसोल