다음 은 JavaScript 후크에 대한 Android 기능을 활용하여 URL이로드 될 때 감지되는 새로운 방법입니다 . 이 패턴을 사용하여 문서 상태에 대한 JavaScript 지식을 활용하여 Android 런타임 내에서 고유 메소드 호출을 생성합니다. @JavaScriptInterface주석을 사용하여 이러한 JavaScript 액세스 가능 호출을 수행 할 수 있습니다 .
이 구현은 우리가 전화를해야합니다 setJavaScriptEnabled(true)온 WebView이되도록의 설정이 적합하지 않을 수 있습니다 응용 프로그램의 요구 사항, 예를 들어 보안 문제에 따라 달라집니다.
src / io / github / cawfree / webviewcallback / MainActivity.java (Jelly Bean, API 레벨 16)
package io.github.cawfree.webviewcallback;
/**
* Created by Alex Thomas (@Cawfree), 30/03/2017.
**/
import android.net.http.SslError;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.webkit.JavascriptInterface;
import android.webkit.SslErrorHandler;
import android.webkit.WebView;
import android.webkit.WebViewClient;
import android.widget.Toast;
/** An Activity demonstrating how to introduce a callback mechanism into Android's WebView. */
public class MainActivity extends AppCompatActivity {
/* Static Declarations. */
private static final String HOOK_JS = "Android";
private static final String URL_TEST = "http://www.zonal.co.uk/";
private static final String URL_PREPARE_WEBVIEW = "";
/* Member Variables. */
private WebView mWebView = null;
/** Create the Activity. */
@Override protected final void onCreate(final Bundle pSavedInstanceState) {
// Initialize the parent definition.
super.onCreate(pSavedInstanceState);
// Set the Content View.
this.setContentView(R.layout.activity_main);
// Fetch the WebView.
this.mWebView = (WebView)this.findViewById(R.id.webView);
// Enable JavaScript.
this.getWebView().getSettings().setJavaScriptEnabled(true);
// Define the custom WebClient. (Here I'm just suppressing security errors, since older Android devices struggle with TLS.)
this.getWebView().setWebViewClient(new WebViewClient() { @Override public final void onReceivedSslError(final WebView pWebView, final SslErrorHandler pSslErrorHandler, final SslError pSslError) { pSslErrorHandler.proceed(); } });
// Define the WebView JavaScript hook.
this.getWebView().addJavascriptInterface(this, MainActivity.HOOK_JS);
// Make this initial call to prepare JavaScript execution.
this.getWebView().loadUrl(MainActivity.URL_PREPARE_WEBVIEW);
}
/** When the Activity is Resumed. */
@Override protected final void onPostResume() {
// Handle as usual.
super.onPostResume();
// Load the URL as usual.
this.getWebView().loadUrl(MainActivity.URL_TEST);
// Use JavaScript to embed a hook to Android's MainActivity. (The onExportPageLoaded() function implements the callback, whilst we add some tests for the state of the WebPage so as to infer when to export the event.)
this.getWebView().loadUrl("javascript:" + "function onExportPageLoaded() { " + MainActivity.HOOK_JS + ".onPageLoaded(); }" + "if(document.readyState === 'complete') { onExportPageLoaded(); } else { window.addEventListener('onload', function () { onExportPageLoaded(); }, false); }");
}
/** Javascript-accessible callback for declaring when a page has loaded. */
@JavascriptInterface @SuppressWarnings("unused") public final void onPageLoaded() {
// Display the Message.
Toast.makeText(this, "Page has loaded!", Toast.LENGTH_SHORT).show();
}
/* Getters. */
public final WebView getWebView() {
return this.mWebView;
}
}
res / layout / activity_main.xml
<?xml version="1.0" encoding="utf-8"?>
<WebView
xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/webView"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
/>
기본적으로 문서 상태를 테스트하는 데 사용되는 추가 JavaScript 함수를 추가합니다. 로드되면 onPageLoaded()Android에서 맞춤 이벤트를 시작합니다 MainActivity. 그렇지 않으면 페이지가 준비되면를 사용하여 Android를 업데이트하는 이벤트 리스너를 등록합니다 window.addEventListener('onload', ...);.
호출 한 후에이 스크립트를 추가 하고 있으므로 이벤트 this.getWebView().loadURL("")를 '듣지' 않아도됩니다 . 이벤트를 연속적으로 호출하여 JavaScript 후크를 추가 할 수있는 기회 만 있기 때문입니다. loadURL페이지가 이미로드 된 후