[解決済み】Androidでjavascriptをデバッグするにはどうしたらいいですか？

質問

Raphaeljsを使用したプロジェクトに取り組んでいます。Androidでは動作しないことが判明しました。それは する iPhoneの場合。

Androidのブラウザでデバッグするには一体どうしたらいいのでしょうか？WebKitなので、バージョンがわかれば、その上でデバッグできるのでしょうか？ フル WebKit のバージョンによって、同じ結果が得られるのでしょうか？

解決方法は？

更新情報 リモートデバッグ

以前は、コンソールロギングがAndroid上でJavaScriptをデバッグするための最良の選択肢でした。Chrome for Android リモートデバッグでは、Chrome for Desktop デベロッパーツールのすべての機能を Android で利用できます。詳細はこちら https://developers.google.com/chrome-developer-tools/docs/remote-debugging をご覧ください。

JavaScriptコンソールの更新

また、最近のAndroid端末では、URLバーからabout:debugに移動してデバッグメニューやJavaScriptエラーコンソールを起動することができます。ブラウザの上部に SHOW JAVASCRIPT CONSOLE が表示されるはずです。

現在、Android 4.0.3 (Ice Cream Sandwich) では、logcatはブラウザチャンネルに出力されます。そのため、以下の方法でフィルタリングすることができます。 adb logcat browser:* *:S .

オリジナル回答

内蔵の console JavaScriptオブジェクトを使用してログメッセージを表示し、それを adb logcat .

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

このように出力されます。

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://...

WebKit のバージョンの判定

と入力すると javascript:alert(navigator.userAgent) をロケーションバーに入力すると、WebKit のバージョンが表示されます（例）。

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

Androidエミュレータの場合 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.

Safari のリリースに含まれていない WebKit のバージョンにはバージョン番号の後に + が付いており、そのバージョン番号は一般的に最新リリースバージョンの WebKit よりも高くなっています。たとえば、528+ は WebKit の非公式ビルドで、Safari 3.1.2 の一部として出荷された 525.x バージョンよりも新しいものです。