How can I debug javascript on Android?

by

Update: Remote Debugging

Previously, console logging was the best option for debugging JavaScript on Android. These days with Chrome for Android remote debugging, we are able to make use of all the goodness of the Chrome for Desktop Developer Tools on Android. Check out https://developers.google.com/chrome-developer-tools/docs/remote-debugging for more information.

Update: JavaScript Console

You can also navigate to about:debug in the URL bar to activate the debug menu and the JavaScript error console with recent Android devices. You should see SHOW JAVASCRIPT CONSOLE at the top of the Browser.

Currently in Android 4.0.3 (Ice Cream Sandwich), the logcat outputs to the browser channel. So you can filter using adb logcat browser:* *:S.

Original Answer

You can use the built in console JavaScript object to print log messages that you can review with adb logcat.

console.error('1');
console.info('2');
console.log('3');
console.warn('4')

Produces this output:

D/WebCore (  165): Console: 1 line: 0 source: http://...
D/WebCore (  165): Console: 2 line: 0 source: http://...
D/WebCore (  165): Console: 3 line: 0 source: http://...
D/WebCore (  165): Console: 4 line: 0 source: http://...

Determining the version of WebKit

If you type javascript:alert(navigator.userAgent) in the location bar you’ll see the WebKit version listed e.g.

In Chrome:
Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US) AppleWebKit/532.2 (KHTML, like Gecko) Chrome/4.0.221.6 Safari/532.2

On Android Emulator
Mozilla/5.0 (Linux; U; Android 1.6; en-us; sdk Build/DRC76) AppleWebKit/528.5+ (KHTML, like Gecko) Version/3.1.2 Mobile Safari/525.20.1

N.B.

Versions of WebKit that are not part of a Safari release have a + after the version number, and their version number is generally higher than the latest released version of WebKit. So, for example, 528+ is an unofficial build of WebKit that is newer than the 525.x version that shipped as part of Safari 3.1.2.

More Related Contents:

  1. How can I connect to Android with ADB over TCP? [closed]
  2. Run/install/debug Android applications over Wi-Fi?
  3. Some androids apps won’t connect through fiddler
  4. Is there a real solution to debug cordova apps [closed]
  5. Android app crashes when launched in debug mode
  6. How to Debug Android application line by line using Eclipse?
  7. Android: automatically choose debug/release Maps api key?
  8. How to resolve “Waiting for Debugger” message?
  9. What’s wrong with debugging in Eclipse on Android? [duplicate]
  10. inject CSS to a site with webview in android
  11. How to detect system information like os or device type
  12. Android: How to track down the origin of a InflateException?
  13. Debug native code in Android Library
  14. How to check if APK is signed or “debug build”?
  15. Logcat not displaying my log calls
  16. Not Able To Debug App In Android Studio
  17. Android device is not connected to USB for debugging (Android studio)
  18. What DOM events are available to WebKit on Android?
  19. Debugging a service
  20. Debugging Android NDK native apps
  21. How to add debug symbols to build.gradle
  22. How can I specify location of debug keystore for Android ant debug builds?
  23. What would happen if Android app is released with debuggable on?
  24. Debugging Android NDK C/C++ code in Eclipse – breakpoints are not hit
  25. Flutter: Execution failed for task ‘:app:compileDebugKotlin’
  26. How Do I Create A Certificate For My Android Market APK?
  27. Android Debugging with Logcat and Emulator. Is it possible?
  28. Debugging using a virtual machine like VMWare/VirtualBox?
  29. How to view SQL database in Eclipse Debug mode for android
  30. Android Studio’s debugger not stopping at breakpoints within library modules

Leave a Comment