एंड्रॉइड मूल ब्राउज़र में सीएसएस कैसे डीबग करें?

मैं एंड्रॉइड के लिए कॉर्डोवा के साथ एक हाइब्रिड ऐप बना रहा हूं। एचटीएमएल 5/CSS3 को क्रोम के साथ क्रोम और एंड्रॉइड के लिए क्रोम के साथ ठीक से प्रस्तुत किया जाता है।एंड्रॉइड मूल ब्राउज़र में सीएसएस कैसे डीबग करें?

हालांकि, कॉर्डोवा के माध्यम से, एचटीएमएल 5/CSS3 मूल ब्राउज़र ("इंटरनेट" नामक एप्लिकेशन) के साथ प्रस्तुत किया जाता है। और ऐसा लगता है कि सीएसएस व्याख्या के साथ कुछ परेशानी हैं।

फ़ायरफ़ॉक्स में फ़ायरबग है, और क्रोम में एक डेवलपर पैनल है, जो रिमोट डीबगिंग के लिए डेस्कटॉप पर उपलब्ध है। क्या आप सीएसएस को प्रभावी ढंग से मोबाइल मूल ब्राउज़र डीबग करने के लिए उपयोग कर सकते हैं कि कोई भी समान उपकरण?

स्रोत

2013-05-21 Yako

मैं अंत में Weinreपाया। यह समाधान कॉर्डोवा परियोजना से संबंधित है। http://people.apache.org/~pmuellr/weinre/docs/latest/

स्रोत

2013-05-25 08:32:07 Yako

त्रुटि 404? गिथब: https://github.com/apache/cordova-weinre – dragoeco

वेनरे के गिटहब में अंतिम रिलीज ** अक्टूबर 2014 से ** है। मैंने पोस्ट किया कि ** क्रोम के डेवलपर टूल विंडो ** का उपयोग कैसे करें [यहां] (https://stackoverflow.com/questions/16678239/how-to-debug-css-in-android-native-browser/40569745#40569745) – JavierFuentes

-3

उपयोग कंसोल जावास्क्रिप्ट एपीआई click here for more information

स्रोत

2013-05-21 21:08:27 Haben

यह रिसोर्स जेएस कंसोल से संबंधित है। मैं ज्यादातर सीएसएस स्थिति से रूचि रखता हूं: विशिष्ट शैलियों पर कौन सी शैलियों को लागू किया जाता है ... – Yako

आप एंड्रॉइड रिमोट डीबगिंग के लिए क्रोम का भी उपयोग कर सकते हैं [इस वीडियो को देखें] (http://www.youtube.com/watch?v = n_7Wyj6DciY) – Haben

+10

मुझे डर है कि यह क्रोम के साथ काम कर रहा है, न कि मूल ब्राउज़र। इस समाधान को मूल प्रश्न में भी उद्धृत किया गया था। – Yako

मैं Android 2.2 शेयर ब्राउज़र पर weinre की कोशिश की है और यह बस देने के लिए इस वेबसाइट Remote debugging with weinre

स्रोत

2014-09-28 10:23:04 ken

प्लस वन प्रदान करने के लिए प्लस वन। –

से

अच्छी तरह से काम कर रहा है यह सेट करने के लिए,

sudo npm install -g weinre 

// make it available to external (than just localhost) 
weinre --boundHost -all- 

// include this line (change to your IP address) to every page to be tested 
<script src="http://xxx.xxx.x.xxx:8080/target/target-script-min.js#anonymous"></script>

अधिक जानकारी एक और हालिया विकल्प।

आप ब्राउज़रसिंक का भी उपयोग कर सकते हैं। वर्तमान में यह पहले से ही Weinre एकीकृत है।

# Using a local.dev vhost 
$ browser-sync start --proxy 

# Using a local.dev vhost with PORT 
$ browser-sync start --proxy local.dev:8001 

# Using a localhost address 
$ browser-sync start --proxy localhost:8001 

# Using a localhost address in a sub-dir 
$ browser-sync start --proxy localhost:8080/site1

http://www.browsersync.io/docs/command-line/

स्रोत

2015-06-09 16:57:09 Ventura

-1

यह कहीं और कहा जा रहा है, लेकिन शायद के रूप में विशिष्ट एक प्रश्न के साथ नहीं। भले ही, मुझे यह जवाब मिल गया है (Is there a kind of Firebug or JavaScript console debug for Android?) सहायक होने के लिए, लेकिन Xamarin Android Player का उपयोग करके, मेरी टिप्पणी के साथ संयोजन में कॉर्डोवा का उपयोग करने के बजाय।

स्रोत

2015-11-04 07:29:15

सबसे पहले, मैं $ android avd के साथ अपने एंड्रॉयड डिवाइस वर्चुअल कंसोल चलाने के लिए और मेरे लिए कॉन्फ़िगर किया गया एंड्रॉयड v4.4.2 अनुकरण देशी ब्राउज़र केवल के साथ स्थापित शुरू करते हैं।

इसके बाद, मैं डेस्कटॉप के लिए मेरे क्रोम v54.0 अपने लैपटॉप में, Google-डेवलपर-उपकरण/टॉप-राइट-प्रासंगिक-मेनू/अधिक-उपकरण चलाने/रिमोट-डिवाइस ...

वहां, मैं राज्य में अपना वर्चुअल डिवाइस देखता हूं, इसलिए मैं पर क्लिक कर सकता हूं Ionic2 ऐप के किसी भी पृष्ठ के बटन का निरीक्षण करें।

यह क्रिया, एक नया क्रोम के डेवलपर टूल्स फ़्लोटिंग विंडो खोलता है जहां मैं अपने वेब अनुप्रयोगों में सीएसएस, एचटीएमएल और जावास्क्रिप्ट का निरीक्षण कर सकता हूं।

उम्मीद है कि यह किसी की मदद कर सकता है।

स्रोत

2016-11-13 01:55:32 JavierFuentes

एंड्रॉइड मूल ब्राउज़र में सीएसएस कैसे डीबग करें?

उत्तर

संबंधित मुद्दे