WebViewでのwebアプリデバッグ(console.log -> Logcat)

WebViewでのwebアプリデバッグ

• javascriptファイルでconsole.log記述する
• WebViewにconsole.logの受け取り部分を記述する

WebChromeClient#onConsoleMessage

• 参考：https://sites.google.com/a/techdoctranslator.com/jp/android/webapps/debugging

実機からのLogCatで見れる

• Manifest.xmlへの記述不要

java

mWebView.setWebChromeClient(new WebChromeClient() {
	public boolean onConsoleMessage(ConsoleMessage cm) {
		Log.d("MyApplication",
				cm.message() + " -- From line " + cm.lineNumber()
						+ " of " + cm.sourceId());
		return true;
	}
});

jsファイル

			console.log("***********************************************");
			console.log("main.jsからconsole.logを出力してます");
			console.log("***********************************************");

LogCat出力例

10-08 12:49:36.374: D/MyApplication(13322): *********************************************** -- From line 1186666097 of 
10-08 12:49:36.374: D/MyApplication(13322): main.jsからconsole.logを出力してます -- From line 1186666097 of 
10-08 12:49:36.374: D/MyApplication(13322): *********************************************** -- From line 1186666097 of