Web-Frontend
js-Tutorial
Detaillierte Erläuterung der Java- und JavaScript-Interaktion in Android
Detaillierte Erläuterung der Java- und JavaScript-Interaktion in Android
Android bietet ein sehr leistungsfähiges WebView-Steuerelement für die Verarbeitung von Webseiten, und in der Webseite ist JavaScript ein weiteres sehr wichtiges Skript. In diesem Artikel wird erläutert, wie gegenseitige Aufrufe zwischen Java-Code und Javascript-Code implementiert werden.
So realisieren Sie
Es ist sehr praktisch, die Interaktion zwischen Java und js zu realisieren. Normalerweise sind nur die folgenden Schritte erforderlich.
WebView ermöglicht die Ausführung von JavaScript-Skripten
WebView legt eine interaktive Schnittstelle für JavaScript-Aufrufe fest.
Der Client und die Webseite schreiben Code, um sich gegenseitig aufzurufen.
Dieser Beispielcode
Der Einfachheit halber wird der gesamte Code zuerst gepostet
Java-Code
package com.example.javajsinteractiondemo;
import android.annotation.SuppressLint;
import android.app.Activity;
import android.os.Bundle;
import android.util.Log;
import android.view.Menu;
import android.webkit.JavascriptInterface;
import android.webkit.WebChromeClient;
import android.webkit.WebSettings;
import android.webkit.WebView;
import android.webkit.WebViewClient;
import android.widget.Toast;
public class MainActivity extends Activity {
private static final String LOGTAG = "MainActivity";
@SuppressLint("JavascriptInterface")
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
final WebView myWebView = (WebView) findViewById(R.id.myWebView);
WebSettings settings = myWebView.getSettings();
settings.setJavaScriptEnabled(true);
myWebView.addJavascriptInterface(new JsInteration(), "control");
myWebView.setWebChromeClient(new WebChromeClient() {});
myWebView.setWebViewClient(new WebViewClient() {
@Override
public void onPageFinished(WebView view, String url) {
super.onPageFinished(view, url);
testMethod(myWebView);
}
});
myWebView.loadUrl("file:///android_asset/js_java_interaction.html");
}
private void testMethod(WebView webView) {
String call = "javascript:sayHello()";
call = "javascript:alertMessage(\"" + "content" + "\")";
call = "javascript:toastMessage(\"" + "content" + "\")";
call = "javascript:sumToJava(1,2)";
webView.loadUrl(call);
}
public class JsInteration {
@JavascriptInterface
public void toastMessage(String message) {
Toast.makeText(getApplicationContext(), message, Toast.LENGTH_LONG).show();
}
@JavascriptInterface
public void onSumResult(int result) {
Log.i(LOGTAG, "onSumResult result=" + result);
}
}
}Front-End-Webcode
<html>
<script type="text/javascript">
function sayHello() {
alert("Hello")
}
function alertMessage(message) {
alert(message)
}
function toastMessage(message) {
window.control.toastMessage(message)
}
function sumToJava(number1, number2){
window.control.onSumResult(number1 + number2)
}
</script>
Java-Javascript Interaction In Android
</html>Aufrufbeispiel
js ruft Java auf
Das Aufrufformat ist window.jsInterfaceName.methodName(parameterValues) In diesem Beispiel verwenden wir control as der Name der Injektionsschnittstelle.
function toastMessage(message) {
window.control.toastMessage(message)
}
function sumToJava(number1, number2){
window.control.onSumResult(number1 + number2)
}Java ruft JS auf
Das Grundformat von WebView, das JS aufruft, ist webView.loadUrl("javascript:methodName(parameterValues)")
Aufruf von JS ohne Parameter und kein RückgabewertFunktion
String call = "javascript:sayHello()"; webView.loadUrl(call);
JS-Funktion mit Parametern und ohne Rückgabewert aufrufen
Beachten Sie, dass für Zeichenfolge als Parameterwert das Doppelte gilt Anführungszeichen müssen maskiert werden.
String call = "javascript:alertMessage(\"" + "content" + "\")"; webView.loadUrl(call);
Aufrufen von JS-Funktionen mit Parametern und Rückgabewerten
Android stellte vor 4.4 keine Methode zum direkten Aufrufen von JS-Funktionen und zum Abrufen von Werten bereit, daher war die allgemeine Idee davor Java ruft die js-Methode auf. Nachdem die js-Methode ausgeführt wurde, wird der Java-Code erneut aufgerufen, um den Wert zurückzugeben.
1.Java ruft JS-Code auf
String call = "javascript:sumToJava(1,2)"; webView.loadUrl(call);
2.js-Funktionsverarbeitung und gibt das Ergebnis durch Aufrufen der Java-Methode zurück
function sumToJava(number1, number2){
window.control.onSumResult(number1 + number2)
}3.Java in der Rückrufmethode Get Der Rückgabewert der js-Funktion in
@JavascriptInterface
public void onSumResult(int result) {
Log.i(LOGTAG, "onSumResult result=" + result);
}4.4-Verarbeitung
Verwenden Sie „evalueJavascript“ nach Android 4.4. Hier ist ein einfaches interaktives Beispiel einer js-Methode mit einem Rückgabewert
function getGreetings() {
return 1;
}Java-Code beim Aufruf der evaluateJavascript-Methode
private void testEvaluateJavascript(WebView webView) {
webView.evaluateJavascript("getGreetings()", new ValueCallback<String>() {
@Override
public void onReceiveValue(String value) {
Log.i(LOGTAG, "onReceiveValue value=" + value);
}});
}Ausgabeergebnis
I/MainActivity( 1432): onReceiveValue value=1
Hinweis
Das oben Gesagte beschränkt das Rückgabeergebnis auf String. Bei einfachen Typen wird versucht, in einen String umgewandelt und zurückgegeben zu werden Es wird empfohlen, es in Stringform zurückzugeben. Der json wird zurückgegeben.
evaluateJavascript-Methode muss im UI-Thread (Hauptthread) aufgerufen werden, damit onReceiveValue auch im Hauptthread ausgeführt wird. - Fragen und Antworten
Sie sollten WebChromeClient nicht eingerichtet haben, folgen Sie dem folgenden Code, um es einzurichten up
myWebView.setWebChromeClient(new WebChromeClient() {});Der Grund für das Problem ist, dass
der js-Code der Webseite nicht geladen wurde, daher wird die js-Methode aufgerufen. Die Lösung besteht darin, die js-Methode
myWebView.setWebViewClient(new WebViewClient() {
@Override
public void onPageFinished(WebView view, String url) {
super.onPageFinished(view, url);
//在这里执行你想调用的js函数
}
});Object [object Object] has no methodSafety Restriction issues< aufzurufen 🎜>
Wenn das Problem nur auf Maschinen mit Version 4.2 oder höher auftritt, liegt das Problem darin, dass das System Sicherheitsbeschränkungen unterliegt. In der Android-Dokumentation steht Folgendes:Achtung: Wenn Sie Ihre targetSdkVersion auf 17 oder höher gesetzt haben, müssen Sie die Annotation @JavascriptInterface zu jeder Methode hinzufügen, die in Ihrem Webseitencode verfügbar sein soll (die Methode muss auch öffentlich sein). Wenn Sie die Anmerkung nicht bereitstellen, ist die Methode bei Ausführung unter Android 4.2 oder höher nicht zugänglich.
Die chinesische Bedeutung ist
Warnung: Wenn Ihr Programm auf Plattform 17 oder höher abzielt, müssen Sie der von der Webseite aufrufbaren Methode die Annotation @JavascriptInterface
hinzufügen (diese Methode muss öffentlich sein). Wenn Sie dies nicht tun, kann die Webseite auf Plattformen 4.2 und höher nicht auf Ihre Methode zugreifen.Setzen Sie targetSdkVersion auf 17 oder höher und führen Sie die Annotation @JavascriptInterface ein
- Erstellen Sie eine Annotationsschnittstelle Benennen Sie selbst @JavascriptInterface und importieren Sie es dann. Beachten Sie, dass diese Schnittstelle nicht verwechselt werden kann.
- Hinweis: Erstellen Sie @JavascriptInterface-Code
Code-Verschleierungsproblem
public @interface JavascriptInterface {
}-keep class com.example.javajsinteractiondemo$JsInteration {
*;
}Filterprotokolle haben dieses Problem entdeckt.
Der Java-Callback-Thread nach dem js-Aufruf ist nicht der Haupt-Thread. Wenn Sie das Protokoll drucken, können Sie es überprüfen
E/StrictMode( 1546): java.lang.Throwable: A WebView method was called on thread 'JavaBridge'.
All WebView methods must be called on the same thread. (Expected Looper Looper (main, tid 1) {528712d4} called on Looper (JavaBridge, tid 121) {52b6678c},
FYI main Looper is Looper (main, tid 1) {528712d4})
E/StrictMode( 1546): at android.webkit.WebView.checkThread(WebView.java:2063)
E/StrictMode( 1546): at android.webkit.WebView.loadUrl(WebView.java:794)
E/StrictMode( 1546): at com.xxx.xxxx.xxxx.xxxx.xxxxxxx$JavaScriptInterface.onCanGoBackResult(xxxx.java:96)
E/StrictMode( 1546): at com.android.org.chromium.base.SystemMessageHandler.nativeDoRunLoopOnce(Native Method)
E/StrictMode( 1546): at com.android.org.chromium.base.SystemMessageHandler.handleMessage(SystemMessageHandler.java:27)
E/StrictMode( 1546): at android.os.Handler.dispatchMessage(Handler.java:102)
E/StrictMode( 1546): at android.os.Looper.loop(Looper.java:136)
E/StrictMode( 1546): at android.os.HandlerThread.run(HandlerThread.java:61)Um die obige Ausnahme zu lösen, fügen Sie einfach den Webview-Vorgang in den Hauptthread ein.
ThreadInfo=Thread[WebViewCoreThread,5,main]
webView.post(new Runnable() {
@Override
public void run() {
webView.loadUrl(YOUR_URL).
}
});Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung der Java- und JavaScript-Interaktion in Android. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
Heiße KI -Werkzeuge
Undresser.AI Undress
KI-gestützte App zum Erstellen realistischer Aktfotos
AI Clothes Remover
Online-KI-Tool zum Entfernen von Kleidung aus Fotos.
Undress AI Tool
Ausziehbilder kostenlos
Clothoff.io
KI-Kleiderentferner
AI Hentai Generator
Erstellen Sie kostenlos Ai Hentai.
Heißer Artikel
Heiße Werkzeuge
Notepad++7.3.1
Einfach zu bedienender und kostenloser Code-Editor
SublimeText3 chinesische Version
Chinesische Version, sehr einfach zu bedienen
Senden Sie Studio 13.0.1
Leistungsstarke integrierte PHP-Entwicklungsumgebung
Dreamweaver CS6
Visuelle Webentwicklungstools
SublimeText3 Mac-Version
Codebearbeitungssoftware auf Gottesniveau (SublimeText3)
Heiße Themen
1386
52
Xiaomi Redmi Note 14 Pro Plus erscheint als erstes Qualcomm Snapdragon 7s Gen 3 Smartphone mit Light Hunter 800 Kamera
Sep 27, 2024 am 06:23 AM
Das Redmi Note 14 Pro Plus ist nun offiziell als direkter Nachfolger des letztjährigen Redmi Note 13 Pro Plus (aktuell 375 $ bei Amazon) erhältlich. Wie erwartet steht das Redmi Note 14 Pro Plus neben dem Redmi Note 14 und dem Redmi Note 14 Pro an der Spitze der Redmi Note 14-Serie. Li
Das Design des Oppo Find X8 sieht auf ersten Bildern wie eine Kreuzung zwischen Apple iPhone 16 Pro und OnePlus Open aus
Sep 28, 2024 am 06:04 AM
In der Vergangenheit hat Oppo seine Flaggschiff-Serie „Find X“ im späten Winter oder frühen Frühling aktualisiert, mit Ausnahme des ursprünglichen Find an dieser Stelle. H
Brechen oder aus Java 8 Stream foreach zurückkehren?
Feb 07, 2025 pm 12:09 PM
Java 8 führt die Stream -API ein und bietet eine leistungsstarke und ausdrucksstarke Möglichkeit, Datensammlungen zu verarbeiten. Eine häufige Frage bei der Verwendung von Stream lautet jedoch: Wie kann man von einem Foreach -Betrieb brechen oder zurückkehren? Herkömmliche Schleifen ermöglichen eine frühzeitige Unterbrechung oder Rückkehr, aber die Stream's foreach -Methode unterstützt diese Methode nicht direkt. In diesem Artikel werden die Gründe erläutert und alternative Methoden zur Implementierung vorzeitiger Beendigung in Strahlverarbeitungssystemen erforscht. Weitere Lektüre: Java Stream API -Verbesserungen Stream foreach verstehen Die Foreach -Methode ist ein Terminalbetrieb, der einen Vorgang für jedes Element im Stream ausführt. Seine Designabsicht ist
Lenovo enthüllt neue Farboption für das 2024 Legion Y700 Gaming-Tablet
Sep 29, 2024 am 06:05 AM
Lenovo bereitet sich darauf vor, das 2024 Legion Y700 am 29. September in China auf den Markt zu bringen. Dieses neue Android-Gaming-Tablet wird gegen das RedMagic Nova antreten, und das Unternehmen hat bereits fast alle Spezifikationen des Geräts bestätigt. Jetzt, Stunden vor dem Volltreffer
Java -Programm, um das Kapselvolumen zu finden
Feb 07, 2025 am 11:37 AM
Kapseln sind dreidimensionale geometrische Figuren, die aus einem Zylinder und einer Hemisphäre an beiden Enden bestehen. Das Volumen der Kapsel kann berechnet werden, indem das Volumen des Zylinders und das Volumen der Hemisphäre an beiden Enden hinzugefügt werden. In diesem Tutorial wird erörtert, wie das Volumen einer bestimmten Kapsel in Java mit verschiedenen Methoden berechnet wird. Kapselvolumenformel Die Formel für das Kapselvolumen lautet wie folgt: Kapselvolumen = zylindrisches Volumenvolumen Zwei Hemisphäre Volumen In, R: Der Radius der Hemisphäre. H: Die Höhe des Zylinders (ohne die Hemisphäre). Beispiel 1 eingeben Radius = 5 Einheiten Höhe = 10 Einheiten Ausgabe Volumen = 1570,8 Kubikeinheiten erklären Berechnen Sie das Volumen mithilfe der Formel: Volumen = π × R2 × H (4
Die Samsung Galaxy Z Fold Special Edition soll Ende Oktober erscheinen, da ein widersprüchlicher Name auftaucht
Oct 01, 2024 am 06:21 AM
Die Einführung des lang erwarteten faltbaren „Special Edition“-Modells von Samsung hat eine weitere Wendung genommen. In den letzten Wochen verliefen die Gerüchte um die sogenannte Galaxy Z Fold Special Edition eher ruhig. Stattdessen hat sich der Fokus auf die Galaxy S25-Serie verlagert, darunter
Wie führe ich Ihre erste Spring -Boot -Anwendung in der Spring Tool Suite aus?
Feb 07, 2025 pm 12:11 PM
Spring Boot vereinfacht die Schaffung robuster, skalierbarer und produktionsbereiteter Java-Anwendungen, wodurch die Java-Entwicklung revolutioniert wird. Der Ansatz "Übereinkommen über Konfiguration", der dem Feder -Ökosystem inhärent ist, minimiert das manuelle Setup, Allo
Gestalten Sie die Zukunft: Java-Programmierung für absolute Anfänger
Oct 13, 2024 pm 01:32 PM
Java ist eine beliebte Programmiersprache, die sowohl von Anfängern als auch von erfahrenen Entwicklern erlernt werden kann. Dieses Tutorial beginnt mit grundlegenden Konzepten und geht dann weiter zu fortgeschrittenen Themen. Nach der Installation des Java Development Kit können Sie das Programmieren üben, indem Sie ein einfaches „Hello, World!“-Programm erstellen. Nachdem Sie den Code verstanden haben, verwenden Sie die Eingabeaufforderung, um das Programm zu kompilieren und auszuführen. Auf der Konsole wird „Hello, World!“ ausgegeben. Mit dem Erlernen von Java beginnt Ihre Programmierreise, und wenn Sie Ihre Kenntnisse vertiefen, können Sie komplexere Anwendungen erstellen.
