Debuggable Browser

David Pertiller

यो एपका बारेमा

यो के हो?
केवल एक डिबग-सक्षम वेबव्यूभ, तपाईलाई प्रयोग गर्न अनुमति दिँदै क्रोमको डेभलपर उपकरणहरू (तपाईंको पीसी वा म्याकमा चल्दैछ) निरीक्षण गर्न र तपाईंको वेब अनुप्रयोग डिबग गर्न यसको वास्तविक उपकरणमा चालू हुँदा ।

केवल वेब विकासकर्ताहरू र वेब डिजाइनरहरूको लागि लक्षित
यो अनुप्रयोग वेब विकासकर्ताहरूको लागि निर्माण गरिएको थियो जसले लक्ष्य राख्दछन् कि Android वेब प्रयोगकर्ताहरूलाई उनीहरूको वेब अनुप्रयोगको उत्तम उपयोगकर्ता अनुभव पुर्‍याउने। यदि तपाईं वेब विकासकर्ता वा वेब डिजाइनर हुनुहुन्न जुन वेब अनुप्रयोगहरू डिबग गर्नमा रुचि राख्नुहुन्छ भने, त्यसोभए तपाईं सामान्य ब्राउजरको साथ राम्रो हुन सक्नुहुनेछ;)


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

वर्णन
यो कहिलेकाँही हुन्छ जुन वेब अनुप्रयोगले मोबाइल ब्राउजरहरूमा काम गर्दैन, यद्यपि यो डेस्कटप ब्राउजरहरूमा राम्रोसँग काम गरिरहेको छ। अझ खराब, कहिलेकाँही त्रुटिहरू केवल (केही) मोबाइल उपकरणहरूमा देखा पर्दछ, त्यसैले तपाईं सिमुलेट गर्न सक्नुहुन्न र डेस्कटप ब्राउजरमा यसलाई पुन: उत्पादन गर्न सक्नुहुन्न। यो जहाँ क्रोमको देवटुलहरूको साथ रिमोट डिबगिंग उपयोगी छ। जबकि एन्ड्रोइडका लागि क्रोम पूर्ण रूपमा पहिले नै यो समर्थन गर्दछ, एन्ड्रोइड शेयर ब्राउजरले गर्दैन। यो दुर्भाग्यपूर्ण छ, किनकि धेरै एन्ड्रोइड बगहरू केवल स्टक ब्राउजरमा देखा पर्छ र क्रोममा जे भए पनि हुँदैन। Chrome DevTools को साथ पृष्ठ निरीक्षण र डिबग गर्नुहोस्।

रिमोट डिबगिंग कसरी सुरू गर्ने?
१. तपाईंको एन्ड्रोइड उपकरणमा विकासकर्ता मोड सक्षम गर्नुहोस् र यसलाई तपाईंको पीसी / म्याकमा जडान गर्नुहोस्
२. यो अनुप्रयोग खोल्नुहोस् र यसको URL प्रविष्ट गरेर तपाईंको वेब साइटमा नेभिगेट गर्नुहोस्
Your. तपाईको पीसी / म्याकमा, क्रोम खोल्नुहोस् र ठेगाना बारमा "क्रोम: // इन्स्पेक्ट" टाइप गर्नुहोस्
Chrome. क्रोममा, "डिस्कभर युएसबी उपकरणहरू" जाँच गर्नुहोस् र यसले वेबपृष्ठ सूचीबद्ध गर्दछ जुन तपाईंले आफ्नो उपकरणमा खोल्नुभएको छ
Hit. हिट निरीक्षण र क्रोम विकासकर्ता उपकरण संग रिमोट डिबगिंग अनुप्रयोगको मजा

अधिक जानकारी को लागी पढ्नुहोस्: 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!