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)
分享读者
作者2013年java转到Android开发,在小厂待过,也去过华为,OPPO等大厂待过,18年四月份进了阿里一直到现在。
被人面试过,也面试过很多人。深知大多数初中级Android工程师,想要提升技能,往往是自己摸索成长,不成体系的学习效果低效漫长,而且极易碰到天花板技术停滞不前!
我们整理了一份阿里P7级别的Android架构师全套学习资料,特别适合有3-5年以上经验的小伙伴深入学习提升。
主要包括腾讯,以及字节跳动,阿里,华为,小米,等一线互联网公司主流架构技术。
如果你觉得自己学习效率低,缺乏正确的指导,可以一起学习交流!
我们致力打造一个平等,高质量的Android交流圈子,不一定能短期就让每个人的技术突飞猛进,但从长远来说,眼光,格局,长远发展的方向才是最重要的。
35岁中年危机大多是因为被短期的利益牵着走,过早压榨掉了价值,如果能一开始就树立一个正确的长远的职业规划。35岁后的你只会比周围的人更值钱。
《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取!
益牵着走,过早压榨掉了价值,如果能一开始就树立一个正确的长远的职业规划。35岁后的你只会比周围的人更值钱。
《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取!