ウェブアプリをデバッグする

console JavaScript API を使用して JavaScript をデバッグし、ビューを表示できます。 出力メッセージを記録しますAPI を使用してウェブページをデバッグすることに慣れている場合、 Firebug やウェブ インスペクタの場合は、console の使用に慣れているはずです。 (console.log() など)。Android の WebKit フレームワークでは 使用してデバッグする際にウェブページからログを受信できます。 WebView。このトピックでは、Terraform を使用して コンソール API を使用してデバッグできます。

WebView でコンソール API を使用する

WebView でデバッグする場合も、コンソール API がサポートされます。必要なこと を 実装する WebChromeClient onConsoleMessage() メソッドを使用してコンソール メッセージを Logcat に表示します。次に、 WebView への WebChromeClient: setWebChromeClient()。 詳細については、Webview をご覧ください。 ご覧ください

次の例は、WebView でコンソール API を使用する方法を示しています。

Kotlin

val myWebView: WebView = findViewById(R.id.webview)
myWebView.webChromeClient = object : WebChromeClient() {

    override fun onConsoleMessage(message: ConsoleMessage): Boolean {
        Log.d("MyApplication", "${message.message()} -- From line " +
              "${message.lineNumber()} of ${message.sourceId()}")
        return true
    }
}

Java

WebView myWebView = findViewById(R.id.webview);
myWebView.setWebChromeClient(new WebChromeClient() {
    @Override
    public boolean onConsoleMessage(ConsoleMessage consoleMessage) {
        Log.d("MyApplication", consoleMessage.message() + " -- From line " +
        consoleMessage.lineNumber() + " of " + consoleMessage.sourceId());
        return true;
    }
});

ConsoleMessage には、 MessageLevel オブジェクト 送信するコンソール メッセージのタイプを指定します。次のクエリを実行できます: メッセージレベルで messageLevel()~ メッセージの重大度を判断してから、 Log メソッドを呼び出すか、その他の適切なアクションを実行します。

onConsoleMessage(String, int, String) または onConsoleMessage(ConsoleMessage), ウェブページでコンソール メソッドを実行すると、Android は 適切な onConsoleMessage() メソッドを呼び出し、エラーを報告できるようにします。たとえば、上記のコード例の場合、 次のような Logcat メッセージが出力されます。

Hello World -- From line 82 of http://www.example.com/hello.html

デバッグに関連する参考情報は次のとおりです。

試験運用版のウェブ機能をテストする

Google Chrome の chrome://flags ページと同様に、試験運用版の WebView のウェブ機能。

手順は次のとおりです。

  1. WebView プレリリース版のいずれかをインストールする チャンネル (ベータ版、開発、カナリア){: .external}。

  2. WebView を切り替える チャンネル インストール済みのプレリリース チャンネルにテストデバイスを移行する。

  3. [WebView DevTools] ランチャーをクリックします。


    図 1. デバイスにインストールされたアプリの WebView DevTools アイコン ダウンロードします

  4. DevTools で [フラグ] をクリックして、試験運用版の機能を検索します。 有効または無効にできます。この変更は、次のすべての WebView インスタンスに適用されます。 クリックします。

  5. アプリを停止して再起動し、新しい機能のテストを開始します。

フラグの切り替えの詳細については、WebView DevTools ドキュメントをご覧ください