क्या एंड्रॉइड फोन पर क्रोम में डेवलपर टूल कंसोल को खोलना संभव है?

165

एक AngularJS एप्लिकेशन डेस्कटॉप पर ठीक काम करता है, लेकिन मोबाइल पर ठीक से प्रतिपादन नहीं कर रहा है (वास्तविक कोड दिखा रहा है)। यह एक एंड्रॉइड फोन पर है।

मैं यह देखना चाहूंगा कि कंसोल में क्या त्रुटियां दिखाई दे रही हैं।

क्या मोबाइल पर क्रोम ऐप पर जेएस कंसोल को खोलना संभव है (जैसे कि यह डेस्कटॉप पर है)?

google-chrome-devtools mobile-chrome

— tim_xyz
स्रोत

134

आप इसे दूरस्थ डिबगिंग का उपयोग करके कर सकते हैं, यहां आधिकारिक प्रलेखन है । मूल प्रक्रिया:

अपने Android डिवाइस से कनेक्ट करें
अपने उपकरण का चयन करें: अधिक उपकरण> *पीसी / मैक पर देव उपकरणों से उपकरणों का निरीक्षण करें ।
अपने मोबाइल पर अधिकृत करें।
खुश डिबगिंग !!

* यह अब "रिमोट डिवाइस" है।

— PseudoAj
स्रोत

2

मुझे लगता है कि डॉक्यूमेंटेशन लिंक में विस्तृत विवरण दिया गया है

— स्यूडोएज

59

क्या यह बाहरी कंप्यूटर के बिना संभव है?

— एरिक रीड

59

एंड्रॉइड फोन पर क्रोम में ओपन डेवलपर टूल कंसोल के लिए प्रश्न पूछते हैं ? आपकी आत्मा को एक अलग डिबगिंग मशीन की आवश्यकता होती है। आपके उत्तर में डिबगिंग फोन पर ही नहीं है

— फेन्नेकिन

5

कोई अन्य तरीका नहीं है जिससे मुझे @fennekin के बारे में पता हो। कृपया बेझिझक अपडेट करें अगर आपको लगता है कि बेहतर तरीका है,

— स्यूडोअज

5

जून 2019 के अनुसार, मैं अधिक उपकरणों के तहत निरीक्षण उपकरणों को खोजने में सक्षम नहीं था, मैंने आखिरकार इसे क्रोम में पाया: // निरीक्षण, और आपको अपने फोन से यूएसबी डिबगिंग की अनुमति देने की आवश्यकता है

— अभिनव सिंह

53

जब आपके पास एक पीसी नहीं है, तो आप एरुडा का उपयोग कर सकते हैं, जो मोबाइल ब्राउज़र के लिए devtools है। https://github.com/liriliri/eruda
यह एम्बेड किए गए जावास्क्रिप्ट के रूप में प्रदान किया गया है और एक बुकमार्क (क्रोम में बुकलेट को चिपकाने वाला) भी हटा देता है। जावास्क्रिप्ट: उपसर्ग, इसलिए आपको इसे स्वयं लिखना होगा)

— trogper
स्रोत

1

टर्मक्स जैसे उपकरणों के लिए बहुत अच्छा साथी जो अकेले मोबाइल उपकरणों पर विकास करते हैं! मैं पहले से ही eruda-webpack-pluginएक परियोजना में एकीकृत है npm i eruba-webpack-plugin --save-optional:।

— vintproykt

सबसे आसान तरीका है जो सांत्वना में है

— makwana.a

बहुत बढ़िया समाधान। यह एक CDN में उपलब्ध है।

— netishix

यह मेरे लिए काम नहीं लगता है। इसे एड्रेस बार में पेस्ट करना (और फिर 'जावास्क्रिप्ट:' पढ़ना) कुछ भी करने के लिए प्रतीत नहीं होता है।

— BT

@ कुछ वेबसाइटें सूचीबद्ध अनुमत डोमेन से स्क्रिप्ट लोड करने के लिए प्रतिबंधित हैं। इसे दूसरी वेबसाइट पर आज़माएं।

— trogper

10

मैं केवल यह देखना चाहता हूं कि जो कंसोल में आप प्रिंट किए गए थे वह आपके HTML में कहीं "प्रिंटेड" भाग को जोड़ सकता है या नहीं, इसलिए यह वेबपेज पर दिखाई देगा। आप इसे अपने लिए कर सकते हैं, लेकिन एक जावास्क्रिप्ट फ़ाइल है जो आपके लिए ऐसा करती है। आप इसके बारे में यहां पढ़ सकते हैं:

http://www.hnldesign.nl/work/code/mobileconsole-javascript-console-for-mobile-devices/

कोड जीथब से उपलब्ध है ; आप इसे डाउनलोड कर सकते हैं और इसे एक javascipt फ़ाइल में पेस्ट कर सकते हैं और इसे अपने HTML में जोड़ सकते हैं

— जॉन बल्विन एरियस
स्रोत

FYI करें: आप ऐसी स्थिति का सामना कर सकते हैं कि कंसोल दिखाई नहीं देगा। इसके आधिकारिक मुखपृष्ठ के अंत में कुछ बातचीत के आधार पर , आप mobileConsole.init()इसे स्पष्ट रूप से करने का प्रयास कर सकते हैं । वह चाल मेरे मामले में मदद करती है। YMMV।

— रायलूओ

1

यह लिंक अभी भी काम करता है, इसे लोड होने में लंबा समय लगता है। फिर भी मैं संक्षेप में बता सकता हूं कि मेरे और उस परिवाद स्वामी के बीच की बातचीत उनके मुख्य पृष्ठ में नोट्स अनुभाग में निम्नलिखित जानकारी जोड़ते हुए समाप्त हुई: "यदि मोबाइलकोनसोल प्रारंभ नहीं होता है (मोबाइल का पता लगाने में विफल रहता है), तो आप सेटिंग से ऑटोस्टार्ट को ओवरराइड कर सकते हैं ओवरराइड करें या अपने पेज पर निम्न स्क्रिप्ट जोड़ें: if (!mobileConsole.status.initialized) { mobileConsole.init(); } "

— रायलू

7

कृपया अपने आप को एक एहसान करें और सिर्फ आसान बटन दबाएं:

प्ले स्टोर से वेब इंस्पेक्टर (ओपन सोर्स) डाउनलोड करें ।

एक गुफा: ATTOW, कंसोल आउटपुट बाकी परमेस को स्वीकार नहीं करता है! यानी अगर आपके पास ऐसा कुछ है:

console.log('one', 'two', 'three');

आप केवल देखेंगे

एक

कंसोल पर लॉग इन किया। आपको मैन्युअल रूप से एक ऐरे में परिमों को लपेटने और इसमें शामिल होने की आवश्यकता होगी, जैसे:

console.log([ 'one', 'two', 'three' ].join(' '));

अपेक्षित आउटपुट देखने के लिए।

लेकिन एप्लिकेशन खुला स्रोत है ! एक पैच आसन्न हो सकता है ! पैचर भी आप हो सकता है!

— सेंसि जेम्स
स्रोत

3

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

— पावेल
स्रोत

-1

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

https://gear4.app

— Angolao
स्रोत

5

एप्लिकेशन केवल iPhones के लिए है। प्रश्न एंड्रॉइड निर्दिष्ट करता है।

— पीट