debug javascript in android emulator with phonegap

javascript android android-emulator cordova
davidlee picture davidlee · Jan 13, 2011 · Viewed 55.3k times · Source

I am new to phonegap and android development. May I know how can I debug javascript error on the emulator? I have heard about ADB may I know how can I use and install it on windows 7 system? I have an ajax called with jsonp but no response on emulator. However, I can call that ajax with browser on windows. May I know what went wrong?

Answer

duality_ picture duality_ · Jun 13, 2012

Update Nov 2016: looks like this doesn't work anymore.

The easiest and one of the most powerful ways is using http://debug.phonegap.com (it uses Weinre in the background, if you care). You just

  1. pick a random string, say r4nd0m,
  2. inject <script src="http://debug.phonegap.com/target/target-script-min.js#r4nd0m"></script> into your index.html
  3. visit http://debug.phonegap.com/client/#r4nd0m and you will instantly be debugging your mobile web app.

Things you can do (similar to Firebug or Web Inspector):

  1. Viewing and changing the DOM
  2. Editing CSS
  3. Console for live debugging and running Javascript remotely.
  4. Other stuff, like: storage, resources, timeline, profile, etc.

Related questions

How to disable the Android browser cache permanently?

I'm developing a web based application that also should run on Android based phones. As I don't have one I'm successfully using the emulator from the SDK. But as I'm constantly changing some JavaScript pages of the application the browser …

Read More
Refused to load the script because it violates the following Content Security Policy directive

When I tried to deploy my app onto devices with Android system above 5.0.0 (Lollipop), I kept getting these kind of error messages: 07-03 18:39:21.621: D/SystemWebChromeClient(9132): file:///android_asset/www/index.html: Line 0 : Refused to load the script 'http://xxxxx' because …

Read More
How to clear react-native cache?

In react-native development, there are multiple caches used when the app is built: React-native packager cache Emulator cache Java side cache (.gradle) folder (only in android) npm cache (if relevant?) Am I missing something also? Because I'm trying to clear …

Read More