Menu
I'm building an hybrid app with Cordova for Android. The HTML5/CSS3 is rendered properly with Chrome for desktop and Chrome for Android.
However, through Cordova, the HTML5/CSS3 is rendered with the native browser (the application named "Internet"). And it seems there are a few troubles with the CSS interpretation.
Firefox has Firebug, and Chrome has a developer panel, available on desktop for remote debugging. Do you know any similar tool I could use in order to debug the CSS efficiently the mobile native browser?
483
When something has gone wrong in your CSS, you can begin by using your favorite browser's built-in DevTools to: toggle off rules one at a time. toggle all rules off and bring them back one at a time. remove or relocate elements.
I finally found Weinre. This solution belongs to the Cordova project. http://people.apache.org/~pmuellr/weinre/docs/latest/
139
I've tried weinre on Android 2.2 stock browser and it is working nicely
To set up it,
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> More details from this website Remote debugging with weinre
35
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
