android WebView (4) html_html/css_WEB-ITnose との対話-htmlチュートリアル-php.cn

android WebView (4) html_html/css_WEB-ITnose との対話

WBOY

リリース： 2016-06-24 11:46:34

オリジナル

1272 人が閲覧しました

WebView が HTML と対話する方法
多くの場合、WebView は、Java コードを通じてページのアクティビティを制御するか、WebView が提供する JS を通じて Java コードをトリガーすることによって、HTML と対話する必要があります。

まず、操作する必要がある HTML コードを見てみましょう:

<!DOCTYPE html><html>  <head>    <title>MyHtml.html</title>  </head>    <body>         <br>    <br>大家晚上好    <br>    <br>大家晚上好    <br>    <br>大家晚上好    <br>  <input type="button" value="测试" onclick="javascript:window.handler.show(document.body.innerHTML);"  />  </body></html>

ログイン後にコピー

単純な HTML コード、3 行のテキスト、および 1 つのボタン。 document.body.innerHTMLはhtmlのbodyノードの内容を取得するものです。
次に、それをロードして js を有効にします:

	webView.loadUrl("file:///android_asset/MyHtml.html");	webView.getSettings().setJavaScriptEnabled(true);			webView.setWebViewClient(new WebViewClient() {		@Override		public void onPageFinished(WebView view, String url) {			Toast.makeText(WebViewActivity.this, "网页加载完成", 0).show();			view.loadUrl("javascript:window.handler.show(document.body.innerHTML);");			super.onPageFinished(view, url);		}	});

ログイン後にコピー

上記の HTML のボタンのクリックイベントは、言い訳: window.handler を使用します。この言い訳を使用するには、最初にそれを定義する必要があります:

	class Handler {		public void show(String data) {			new AlertDialog.Builder(WebViewActivity.this).setMessage(data).create().show();		}	}

ログイン後にコピー

関数 public void show(String data) はこの言い訳によって提供され、上記の HTML および Java コードによって呼び出されます。しかし、WebView は、そのような呼び出しの理由があることをどのようにして知るのでしょうか?答えは次のとおりです:

webView.addJavascriptInterface(new Handler(), "handler");

ログイン後にコピー

この文はインターフェイスをバインドするために使用されます。

実行結果は次のとおりです:

php 8、私も来ます

ウェブサイトのレイアウトを 30 分で学ぶ

ビデオチュートリアルに精通したOracleの入門

あなたの最初のUNI-APPコード

ゼロからアプリの起動までフラッター

兄弟連新版Linuxビデオチュートリアル

AXURE 9 ビデオチュートリアル (プロダクトマネージャーのインタラクティブな製品設計 UI に適しています)

基礎能力ゼロ PS ビデオチュートリアル

16日間のUIビデオチュートリアル

PS テクニックとスライステクニックのビデオチュートリアル

アリクラウド環境構築およびプロジェクトオンラインビデオチュートリアル

コンピュータネットワークの概要 - プログラマが身につけるべき基礎知識

プログラマーのための基本チュートリアル - HTTP プロトコルの説明

Websocket ビデオチュートリアル

android WebView (4) html_html/css_WEB-ITnose との対話