Debuggable Browser

David Pertiller

इस ऐप्लिकेशन के बारे में जानकारी

क्या है?
बस एक डिबग-सक्षम WebView, आपको अपने वास्तविक डिवाइस पर चलने के दौरान अपने वेब ऐप का निरीक्षण और डीबग करने के लिए Chrome के डेवलपर टूल (अपने पीसी या मैक पर चलने) का उपयोग करने की अनुमति देता है।

केवल वेब डेवलपर और वेब डिज़ाइनर के लिए उद्देश्य है
यह ऐप उन वेब डेवलपर्स के लिए बनाया गया था जो अपने वेब ऐप के सर्वश्रेष्ठ उपयोगकर्ता अनुभव को एंड्रॉइड उपयोगकर्ताओं तक पहुंचाने का लक्ष्य रखते हैं। यदि आप वेब डेवलपर या वेब डिज़ाइनर नहीं हैं, जो वेब ऐप्स डिबगिंग में रुचि रखते हैं, तो आप सामान्य ब्राउज़र के साथ बेहतर हो सकते हैं;)


इसका क्या उपयोग है?
यदि आपने कभी भी एंड्रॉइड स्टॉक ब्राउज़र में अपनी वेब साइट खोली और निम्नलिखित मुद्दों में से एक का सामना किया, तो यह ऐप आपके लिए उपयोगी साबित हो सकता है:
& # 8226; & # 8195; Android स्टॉक ब्राउज़र में देखे जाने पर आपकी वेब साइट का लेआउट या स्टाइलिंग टूटी हुई दिखाई देती है
& # 8226; & # 8195; आपका जावास्क्रिप्ट कोड अपेक्षित परिणाम नहीं दे पाया या गणना के दौरान अचानक निष्पादन बंद हो गया होगा (शायद अपवाद फेंक दिया गया था?)
& # 8226; & # 8195; एनिमेशन शिथिल हैं या अपेक्षा के अनुरूप कोई अंतर नहीं है

विवरण
कभी-कभी ऐसा होता है कि वेब ब्राउज़र मोबाइल ब्राउज़र पर काम नहीं करता है, भले ही यह डेस्कटॉप ब्राउज़र पर ठीक काम कर रहा हो। इससे भी बदतर, कभी-कभी दोष केवल (कुछ) मोबाइल उपकरणों पर होते हैं, इसलिए आप इसे डेस्कटॉप ब्राउज़र पर अनुकरण और पुन: उत्पन्न नहीं कर सकते हैं। यह वह जगह है जहां क्रोम के DevTools के साथ रिमोट डिबगिंग उपयोगी साबित होती है। जबकि Android के लिए Chrome पूरी तरह से इसका समर्थन करता है, Android स्टॉक ब्राउज़र नहीं करता है। यह दुर्भाग्यपूर्ण है, क्योंकि बहुत सारे एंड्रॉइड बग केवल स्टॉक ब्राउज़र पर ही प्रतीत होते हैं, क्रोम क्रोम पर नहीं।
इसलिए यह ऐप आपको मूल ब्राउज़र (WebView) के भीतर वेब साइट्स चलाने की सुविधा देता है, जबकि आपको संभावना देता है। Chrome DevTools के साथ पृष्ठ का निरीक्षण और डीबग करें।

दूरस्थ डिबगिंग कैसे शुरू करें?
1. अपने Android डिवाइस पर डेवलपर मोड सक्षम करें और इसे अपने पीसी / मैक से कनेक्ट करें
2. इस ऐप को खोलें और इसके URL पर जाकर अपनी वेब साइट पर जाएँ
3. अपने पीसी / मैक पर, क्रोम खोलें और एड्रेस बार में "क्रोम: // निरीक्षण" टाइप करें
4. क्रोम में, "डिस्कवर USB डिवाइसेस" की जाँच करें और यह आपके डिवाइस पर आपके द्वारा खोले गए वेब पेज को सूचीबद्ध करेगा
5. मारो और क्रोम डेवलपर टूल्स के साथ एप्लिकेशन को दूरस्थ डिबगिंग का आनंद लें

अधिक जानकारी के लिए पढ़ें: https://www.pertiller.tech/blog/remote-debugging-the-android-native-browser

इसमें नया क्या है

Integrated your feedback

- It's been exactly 1 year since the last release and I noticed that this app led to some confusion for a lot of people that misunderstood its use-case: it's built for web developers who want to optimize their web app with the power of Chrome's dev tools while running the page on an actual Android device (see updated notes).
- Besides, I got some lovely suggestions. So now you can start the app as intent from another app to start debugging a weblink right away!