Chrome 115 से, iOS पर Chrome के लिए Safari वेब इंस्पेक्टर की डीबगिंग की सुविधा चालू की जा सकती है. इस पोस्ट में, इसे इस्तेमाल करने का तरीका बताया गया है.
Chrome 115 से पहले, वेबपेजों को डीबग करने के लिए, सोर्स से Chrome for iOS बनाना ज़रूरी था. इसकी वजह यह थी कि WKWebView के रिलीज़ वर्शन में, रिमोट वेब इंस्पेक्टर की मदद से डीबग करने की सुविधा काम नहीं करती थी. हमने Chrome 73 में chrome://inspect पेज जोड़ा है. यह पेज, वेबपेजों को डीबग करने में मदद करने के लिए, स्थानीय तौर पर JavaScript लॉग दिखाता है. अब WKWebView, रिलीज़ में वेब इंस्पेक्टर की डीबगिंग की अनुमति देता है (iOS 16.4 के हिसाब से). हमने इस सुविधा को चालू करने और डेवलपर के अनुभव को बेहतर बनाने के लिए, Chrome 115 में एक सेटिंग जोड़ी है.
शुरू करना
अपने iOS डिवाइस पर, आपके पास ये चीज़ें होनी चाहिए:
- iOS 16.4 या इसके बाद का वर्शन.
- Chrome 115 या इसके बाद का वर्शन.
Mac पर, आपको इन चीज़ों की ज़रूरत होगी:
- Safari का डेवलप मेन्यू चालू हो. Safari ऐप्लिकेशन की सेटिंग में जाकर, ऐडवांस सेटिंग टैब में जाकर इसे चालू करें.
अपने iOS डिवाइस पर, Chrome ऐप्लिकेशन लॉन्च करें और सेटिंग पर जाएं. कॉन्टेंट सेटिंग में जाकर, वेब इंस्पेक्टर चालू करें. इस सेटिंग को बदलने के बाद, 'iOS के लिए Chrome' को फिर से लॉन्च करें.
अपनी साइट को डीबग करना
सेटिंग चालू होने पर, Chrome for iOS में चल रहे किसी भी पेज को डीबग किया जा सकता है. इसके लिए, यह तरीका अपनाएं.
- अपने iOS डिवाइस को केबल की मदद से Mac से कनेक्ट करें.
- iOS के लिए Chrome में, उस वेबसाइट पर जाएं जिसकी आपको जांच करनी है.
- अपने Mac पर, Safari खोलें. डेवलप करें मेन्यू में, कनेक्ट किए गए डिवाइस के नाम पर कर्सर घुमाएं और उस वेबसाइट का यूआरएल चुनें जिसकी आपको जांच करनी है.
वेब इंस्पेक्टर विंडो से, मौजूदा वेब व्यू को डीबग किया जा सकता है. Safari के डेवलपर टूल इस्तेमाल करने के बारे में ज़्यादा जानकारी के लिए, Apple का दस्तावेज़ देखें.