यहां URL के लिए एक उपन्यास विधि का पता लगाया गया है जब एक URL ने जावास्क्रिप्ट हुक के लिए एंड्रॉइड की क्षमता का उपयोग करके लोड किया है । इस पैटर्न का उपयोग करते हुए, हम एंड्रॉइड रनटाइम के भीतर एक देशी विधि कॉल उत्पन्न करने के लिए दस्तावेज़ के राज्य के जावास्क्रिप्ट के ज्ञान का शोषण करते हैं। ये जावास्क्रिप्ट-सुलभ कॉल @JavaScriptInterfaceएनोटेशन का उपयोग करके किए जा सकते हैं ।
इस कार्यान्वयन के लिए आवश्यक है कि हम सेटिंग setJavaScriptEnabled(true)पर कॉल करें WebView, इसलिए यह आपके एप्लिकेशन की आवश्यकताओं, जैसे सुरक्षा चिंताओं के आधार पर उपयुक्त नहीं हो सकता है ।
src / io / github / cawfree / webviewcallback / MainActivity.java (जेली बीन, एपीआई स्तर 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;
}
}
रेस / लेआउट / 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"
/>
अनिवार्य रूप से, हम एक अतिरिक्त जावास्क्रिप्ट फ़ंक्शन को जोड़ रहे हैं जिसका उपयोग दस्तावेज़ की स्थिति का परीक्षण करने के लिए किया जाता है। अगर यह भरा हुआ है, तो हम onPageLoaded()एंड्रॉइड में एक कस्टम इवेंट लॉन्च करते हैं MainActivity; अन्यथा, हम एक ईवेंट श्रोता को पंजीकृत करते हैं जो एक बार पृष्ठ तैयार होने पर, अपडेट का उपयोग करके एंड्रॉइड को अपडेट करता है window.addEventListener('onload', ...);।
चूँकि कॉल के बाद हम इस स्क्रिप्ट को जोड़ this.getWebView().loadURL("")रहे हैं, इसलिए यह संभव है कि हमें घटनाओं के लिए 'सुनने' की आवश्यकता न हो , क्योंकि हमें केवल एक नियमित कॉल करके जावास्क्रिप्ट हुक को जोड़ने का मौका मिलता है। loadURL, एक बार पृष्ठ लोड होने के बाद।