Đây là một phương pháp mới để phát hiện khi URL đã được tải bằng cách sử dụng khả năng của Android cho các móc JavaScript . Sử dụng mẫu này, chúng tôi khai thác kiến thức của JavaScript về trạng thái của tài liệu để tạo cuộc gọi phương thức gốc trong thời gian chạy Android. Các cuộc gọi có thể truy cập JavaScript này có thể được thực hiện bằng cách sử dụng@JavaScriptInterface chú thích.
Việc triển khai này yêu cầu chúng tôi gọi setJavaScriptEnabled(true)các WebViewcài đặt của, vì vậy nó có thể không phù hợp tùy thuộc vào yêu cầu của ứng dụng của bạn, ví dụ như các vấn đề bảo mật.
src / io / github / cawfree / webviewcallback / MainActivity.java (Jelly Bean, API cấp 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"
/>
Về cơ bản, chúng tôi đang nối thêm một hàm JavaScript bổ sung được sử dụng để kiểm tra trạng thái của tài liệu. Nếu nó được tải, chúng tôi sẽ khởi chạy một onPageLoaded()sự kiện tùy chỉnh trong AndroidMainActivity ; mặt khác, chúng tôi đăng ký một trình lắng nghe sự kiện cập nhật Android khi trang đã sẵn sàng, sử dụng window.addEventListener('onload', ...);.
Vì chúng tôi đang nối thêm tập lệnh này sau khi cuộc gọi this.getWebView().loadURL("")được thực hiện, có thể chúng tôi không cần phải 'lắng nghe' cho các sự kiện, vì chúng tôi chỉ có cơ hội nối thêm móc nối JavaScript bằng cách thực hiện cuộc gọi liên tiếp đến loadURL, một khi trang đã được tải.