本文介绍了在Hybrid APP开发中，Android与JavaScript交互的方式。通过WebView组件，Android可以调用JavaScript，反之亦然。详细讲解了两种Android调用JavaScript的方法，包括使用loadUrl和evaluateJavascript，以及JavaScript调用Android的三种方法，涉及@JavascriptInterface注解的使用。
顺应大前端的潮流，Hybrid APP越来越重要，学习一波Android与JavaScript的交互方式。
原理：通过WebView这个中间组件来相互调用
一些基础的配置：
val webSetting = webView.settings
// 允许与JS交互
webSetting.javaScriptEnabled = true
// 允许弹窗
webSetting.javaScriptCanOpenWindowsAutomatically = true
// loadUrl会使页面刷新
// 先载入JS代码
// 格式规定为:file:///android_asset/文件名.html
webView.loadUrl("file:///android_asset/javascript.html")
1.Android调用JavaScript
- 通过
WebView.loadUrl("javascript:callJSByLoadUrl()"): javascript为文件名，callJSByLoadUrl为对应文件下的对应方法名 - 通过
WebView.evaluateJavascript("javascript:callJSByLoadUrl()"): javascript为文件名，callJSByLoadUrl为对应文件下的对应方法名
方式一：
webView.post {
// 调用javascript的callJS()方法
webView.loadUrl("javascript:callJSByLoadUrl()")
}
方式二：
webView.post {
// 方式二： 4.4以上才可使用
webView.evaluateJavascript(
"javascript:callJSByEvaluate()"
) { value ->
Log.e("wdl", "evaluateJavascript $value")
}
}
对应的JS文件如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<tit
最低0.47元/天 解锁文章
扫一扫
681
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
