कंप्यूटर पर एंड्रॉइड के लिए क्रोम पर वेब पेज कैसे डिबग करें

एक ब्लॉग के प्रशासक के रूप में, मैंने क्रोम का उपयोग करके अपनी व्यक्तिगत वेबसाइट को डिबग किया, यह देखने के लिए कि विषय और सीएसएस में परिवर्तन उन्हें सर्वर पर स्थायी रूप से लागू करने से पहले कैसा दिखेगा। मैं बहुत पहले नहीं था जब मैंने कभी मोबाइल पृष्ठों पर ध्यान नहीं दिया था क्योंकि केवल कुछ आगंतुक स्मार्टफोन का उपयोग करके मेरी साइट पर आए थे। लेकिन आज, आगंतुकों के एक महत्वपूर्ण प्रतिशत में स्मार्टफोन और टैबलेट शामिल हैं, और इसलिए यह आवश्यक है कि वहां भी दिखावे और प्रस्तुति का ध्यान रखा जाए।

यदि यह कंप्यूटर पर एक पेज था, तो क्रोम के राइट-क्लिक संदर्भ मेनू से विकल्प का उपयोग करके कोई भी आसानी से डिबग कर सकता था, लेकिन मोबाइल पर पृष्ठों के साथ यह विकल्प नहीं है। इसलिए, आज मैं आपको दिखाऊंगा कि आप अपने कंप्यूटर पर एंड्रॉइड और एंड्रॉइड एसडीके के लिए क्रोम का उपयोग करके मोबाइल वेब पेज कैसे डिबग कर सकते हैं।

वेब पेज डिबगिंग

चरण 1: अपने कंप्यूटर पर एंड्रॉइड एसडीके डाउनलोड और इंस्टॉल करें और इसे चलाएं। इंस्टॉलर आपसे जावा डाउनलोड करने के लिए कहेगा यदि आपने इसे स्थापित नहीं किया है।

पहली बार जब आप अपने कंप्यूटर पर एंड्रॉइड एसडीके चलाते हैं, तो यह आपको कई एपीआई और टूल डाउनलोड करने के लिए कहेगा। यदि एंड्रॉइड एसडीके को स्थापित करने का आपका एकमात्र उद्देश्य पृष्ठों को डिबग करना है, तो एंड्रॉइड एसडीके प्लेटफॉर्म-टूल को छोड़कर सब कुछ अनचेक करें और इंस्टॉल पैकेज बटन पर क्लिक करें।

चरण 2: एंड्रॉइड प्लेटफ़ॉर्म टूल को इंस्टॉल करने के बाद, रन बॉक्स (विंडोज + आर) खोलें और एंड्रॉइड प्लेटफॉर्म टूल डायरेक्टरी को खोलने के लिए % userprofile% \ AppData \ Local \ Android \ Android-sdk \ platform-tools चलाएं।

चरण 3: अब वहां कमांड प्रॉम्प्ट खोलने के लिए फ़ोल्डर में Ctrl + Shift कुंजी और राइट-क्लिक करें। आप रन बॉक्स का उपयोग करके कमांड प्रॉम्प्ट भी खोल सकते हैं और मैन्युअल रूप से फ़ोल्डर में नेविगेट कर सकते हैं।

चरण 4: ऐसा करने के बाद, अपने Android फ़ोन पर Chrome खोलें, सेटिंग-> डेवलपर टूल खोलें और विकल्प सक्षम करें USB वेब डीबगिंग सक्षम करें।

चरण 5: अब कमांड प्रॉम्प्ट पर कमांड एडीबी फॉरवर्ड tcp चलाएं: 9222 लोकलब्रैड: chrome_devtools_remote और सफल निष्पादन पर विंडोज पर क्रोम ब्राउज़र खोलें।

चरण 6: वह पृष्ठ खोलें जिसे आप अपने एंड्रॉइड क्रोम ब्राउज़र पर डीबग करना चाहते हैं और अपने कंप्यूटर के क्रोम ब्राउज़र पर URL लोकलहोस्ट: 9222 खोलें।

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

निष्कर्ष

मुझे यकीन है कि यह ट्रिक कई वेब डेवलपर्स को स्मार्टफ़ोन के लिए अपने वेब पेज को ऑप्टिमाइज़ करने में मदद करेगी। मैंने अपने वेब पृष्ठों को कॉन्फ़िगर करने के लिए ट्रिक का उपयोग किया है और यह आकर्षण की तरह काम करता है। हालाँकि, यदि आप कंप्यूटर पर स्मार्टफोन वेब पेजों को डीबग करने का एक बेहतर तरीका जानते हैं, तो इसे हमारे साथ साझा करें।