在Android开发中，我们经常需要将原生代码（如Java或Kotlin）与JavaScript进行交互，这通常涉及到从原生代码调用JavaScript函数并传递数据，本文将详细介绍如何通过Android的WebView实现这一功能。
步骤1: 创建一个简单的HTML页面
我们需要一个包含JavaScript函数的HTML页面，这个函数将在后续步骤中被Android代码调用。
<!DOCTYPE html>
<html>
<head>
<title>My Web Page</title>
<script type="text/javascript">
function showMessage(message) {
alert("Message from Android: " + message);
}
</script>
</head>
<body>
<h1>Hello from WebView</h1>
</body>
</html>
步骤2: 在Android项目中添加WebView
在你的Android项目中，你需要添加一个WebView来加载这个HTML页面，你可以在activity_main.xml中定义WebView：
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">
<WebView
android:id="@+id/webview"
android:layout_width="match_parent"
android:layout_height="match_parent" />
</LinearLayout>
在你的Activity中，加载HTML内容到WebView，并启用JavaScript支持：
import android.os.Bundle;
import android.webkit.WebSettings;
import android.webkit.WebView;
import androidx.appcompat.app.AppCompatActivity;
public class MainActivity extends AppCompatActivity {
private WebView webView;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
webView = findViewById(R.id.webview);
WebSettings webSettings = webView.getSettings();
webSettings.setJavaScriptEnabled(true);
// Load the HTML content into the WebView
webView.loadDataWithBaseURL(null, getString(R.string.html_content), "text/html", "UTF-8", null);
}
}
在res/values/strings.xml中定义HTML内容：
<resources>
<string name="app_name">WebViewJsInteraction</string>
<string name="html_content"><![CDATA[
<!DOCTYPE html>
<html>
<head>
<title>My Web Page</title>
<script type="text/javascript">
function showMessage(message) {
alert("Message from Android: " + message);
}
</script>
</head>
<body>
<h1>Hello from WebView</h1>
</body>
</html>
]]></string>
</resources>
步骤4: 从Android代码调用JavaScript函数
你可以从Android代码中调用JavaScript函数，为此，你需要使用evaluateJavascript方法：
import android.webkit.ValueCallback;
import android.webkit.WebView;
// ... other code ...
public void callJavaScriptFunction() {
String jsCode = "javascript:showMessage('Hello from Android!')";
webView.evaluateJavascript(jsCode, new ValueCallback<String>() {
@Override
public void onReceiveValue(String value) {
// Handle the response from JavaScript if needed
}
});
}
通过上述步骤，你已经成功地从Android代码中调用了JavaScript函数，并传递了一个字符串作为参数，这种方法可以用于更复杂的交互，例如从JavaScript回调函数中返回值到Android代码，希望这篇文章对你有所帮助！
各位小伙伴们，我刚刚为大家分享了有关“apk返回值到js”的知识，希望对你们有所帮助。如果您还有其他相关问题需要解决，欢迎随时提出哦！
原创文章，作者：K-seo，如若转载，请注明出处：https://www.kdun.cn/ask/700174.html
微信扫一扫 