Android 原生和 JS 交互实践

Log.i(TAG, "value = " + value);
jsBridge.setTextValue(value);
}
}

3）给 WebView 添加 JS 接口

webView.addJavascriptInterface(new JsInterface(this), "launcher");// 此处的 launcher 可以自定义，最终是 JS 中要使用的对象

4）JS 代码中调用 Java 方法

if (window.launcher){ // 判断 launcher 对象是否存在
// 此处的 launcher 要和 第3步中定义的 launcher 保持一致
// JS 调用 Android 的方法
launcher.callAndroid(str);
}else{
alert(“launcher not found!”);
}

方法二：通过 WebViewClient 的 shouldOverrideUrlLoading() 方法回调拦截 url

优点：不存在方式一的漏洞；

缺点：JS获取Android方法的返回值复杂。

1）JS 代码中，约定协议

function callAndroid(){
// 约定的 url 协议为：js://webview?arg1=111&arg2=222
document.location = “js://webview?arg1=”+inputEle.value+“&arg2=222”;
}

2）Android 代码中，通过设置 WebViewClient 对协议进行拦截处理

webView.setWebViewClient(new WebViewClient() {
@Override
public boolean shouldOverrideUrlLoading(WebView view, String url) {
// 一般根据scheme（协议格式） & authority（协议名）判断（前两个参数）
// 例如：url = “js://webview?arg1=111&arg2=222”
Uri uri = Uri.parse(url);
// 如果url的协议 = 预先约定的 js 协议
if (uri.getScheme().equals(“js”)) {
// 拦截url,下面JS开始调用Android需要的方法
if (uri.getAuthority().equals(“webview”)) {
// 执行JS所需要调用的逻辑
Log.e(“TAG”, “JS 调用了 Android 的方法”);
Set collection = uri.getQueryParameterNames();
Iterator it = collection.iterator();
String result = “”;
while (it.hasNext()) {
result += uri.getQueryParameter(it.next()) + “,”;
}
tv_result.setText(result);
}
return true;
}
return super.shouldOverrideUrlLoading(view, url);
}
});

方法三：通过 WebChromeClient 的 onJsAlert() 、 onJsConfirm() 、 onJsPrompt（）方法回调拦截 JS 对话框 alert() 、 confirm() 、 prompt（） 消息

处理方式和方法二差不多

1）JS代码中，约定协议

// 调用 prompt()
var result=prompt(“js://prompt?arg1=”+inputEle.value+“&arg2=222”);
alert(“prompt：” + result);

2）Android 代码中，通过设置 WebChromeClient 对协议进行拦截处理

webView.setWebChromeClient(new WebChromeClient() {
@Override
public boolean onJsPrompt(WebView view, String url, String message, String defaultValue, JsPromptResult result) {
// 一般根据scheme（协议格式） & authority（协议名）判断（前两个参数）
// 例如：url = “js://webview?arg1=111&arg2=222”
Uri uri = Uri.parse(message);
Log.e(“TAG”, “----onJsPrompt—>>” + url + “,” + message);
// 如果url的协议 = 预先约定的 js 协议
if (uri.getScheme().equals(“js”)) {
// 拦截url,下面JS开始调用Android需要的方法
if (uri.getAuthority().equals(“prompt”)) {
// 执行JS所需要调用的逻辑
Log.e(“TAG”, “JS 调用了 Android 的方法”);
Set collection = uri.getQueryParameterNames();
Iterator it = collection.iterator();
String result2 = “”;
while (it.hasNext()) {
result2 += uri.getQueryParameter(it.next()) + “,”;
}
tv_result.setText(result2);
}
return true;
}
return super.onJsPrompt(view, url, message, defaultValue, result);
}

@Override
public boolean onJsAlert(WebView view, String url, String message, JsResult result) {
Log.e(“TAG”, “----onJsAlert—>>” + url+ “,” + message);
return super.onJsAlert(view, url, message, result);
}

@Override
public boolean onJsConfirm(WebView view, String url, String message, JsResult result) {
Log.e(“TAG”, “----onJsConfirm—>>” + url+ “,” + message);
return super.onJsConfirm(view, url, message, result);
}
});

二、 Android 调用 JS 方法

方法一： 通过 WebView 的 loadUrl()

1）编写 JS 方法

var callJS = function(str){
inputEle.value = str;
自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则近万的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Android移动开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！

如果你觉得这些内容对你有帮助，可以扫码获取！！（备注：Android）

最后

总而言之，成功是留给准备好的人的。无论是参加什么面试，都要做好充足的准备，注意好面试的礼仪和穿着，向面试官表现出自己的热忱与真诚就好。即使最后没有过关，也要做好经验的总结，为下一次面试做好充足准备。

这里我为大家准备了一些我在面试后整理的面试专题资料，除了面试题，还总结出了互联网公司Android程序员面试涉及到的绝大部分面试题及答案，并整理做成了文档，以及系统的进阶学习视频资料分享给大家，希望能帮助到你面试前的复习，且找到一个好的工作，也节省大家在网上搜索资料的时间来学习。

毕竟不管遇到什么样的面试官，去面试首先最主要的就是自己的实力，只要实力够硬，技术够强，就不怕面试拿不到offer！

为什么某些人会一直比你优秀，是因为他本身就很优秀还一直在持续努力变得更优秀，而你是不是还在满足于现状内心在窃喜！希望读到这的您能点个小赞和关注下我，以后还会更新技术干货，谢谢您的支持！

《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取！

干货，谢谢您的支持！

[外链图片转存中…(img-b04qa5gx-1713100244180)]

《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取！