Android WebView 的 addJavascriptInterface 探究

已于 2023-05-09 17:51:15 修改
阅读量1k 收藏
点赞数
分类专栏： chromium 文章标签： android webview java
于 2023-05-09 17:49:37 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/juruiyuan111/article/details/130585293
版权

Android WebView 的 addJavascriptInterface 探究

一、前言

Java和JS交互的方式有多种，这里探讨的方式是通过以下方式进行的交互。

webView.addJavascriptInterface(this, "JSBridge")

这篇文章是想弄明白 JavaScript 和 Java是如何实现这种方式互调的，就从源码角度开始分析 。

二、分析

1. 图示调用关系

上面这张调用关系流程图，关于源码是基于Android4.4 源码进行分析，Android在4.4将WebView内核改为 chromium ，在Android4.4以上的系统源码会有所调整。在 翻阅Android 6.0的时候，源码中提示 ：Building the Chromium-based WebView in AOSP is no longer supported. WebView can now be built entirely from the Chromium source code. 这个句话的意思是基于chromium 的WebView不再在安卓开放源代码项目，所以如果你在6.0以上的版本中将找不到下面即将分析的源代码。具体的调整你可以自行查阅。

2. 源码分析

  • WebView  源码位置：/
了解本专栏 订阅专栏 解锁全文 超级会员免费看
juruiyuan111
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
订阅专栏
Android-抛弃使用高风险的WebViewaddJavascriptInterface方法通过对js层调用函数及回调函数的包装
08-13
支持异步回调，方法参数支持js所有已知的类型，包括数字，字符串，布尔值，对象，函数。同时还针对WebView的一些常用的方法进行了一定的封装，像返回，刷新，网页中图片保存，是否用系统浏览器进行打开
Android与JS交互详解
u013773608的博客
03-01 5197
先来说说什么是JS交互：说的俗一点就是通过我们项目中的控件来调用HTML里的JS代码，也可以通过JS来调用项目中的代码。
Android：如何使用addJavaScriptInterface
weixin_33763244的博客
11-11 425
说明 本文将和大家分享Android中的 addJavaScriptInterface方式。这个类主要能帮助调用你的JavaScript函数中的任意活动方式。其中有如下一些需要注意的地方： addJavaScriptInterface方式帮助我们从一个网页传递值到Android XML视图（反之亦然）。 你可以从网页调用你的活动类方式（反之亦然）。 这是一个非常有用的功能，而当WebV...
Android AgentWeb WebView 与js交互总结
最新发布
w风雨无阻w的专栏
06-09 2656
想必熟悉android开发的同学都知道使用原生 webview 与js 的交互方式，下面我们先来回顾一下。webview 通过addJavascriptInterface 进行对象映射首先要打开交互权限 , 允许使用javascript说明：以上“ JsInterface ”、“android” 都可以自己命名，这里仅做为示例。那么使用 AgentWeb的Webview和js 的交互方式，你知道吗？其实和原生webview与js的交互还是有些出入的，接下来，我们以代码进行详细说明。根据。
Android软件开发之webView.addJavascriptInterface循环渐进【一】
Cesborn
08-17 1142
转自:http://blog.csdn.net/kingsollyu/article/details/6656865 首先必要的啰嗦几句，这几天写VC写的累的要死，突然间不想再写想VC了，手里面有一个andriod的手机天天玩到半夜，却从来没有写过这方面的程序，真的是悲哀啊。所
webView.addJavascriptInterface 用法
chuyouyinghe的专栏
12-11 1961
在这里我们引用Google的一个事例下面是我Google给提供的一个dome的地址：点击打开链接 我们先看它的HTML文件，HTML的文件路径是在：点击打开链接 他的代码为： /* This function is invoked by the activity */ /* 这个函数被Activity调用的活动
Android (Arctic Fox P2) Kotlin WebView.addJavascriptInterface
Nnnn的博客
01-21 2445
1. 自定义需要注入Webiew的JavascriptObject: // 继承Object基类 class JavascriptObject: Object(){ public fun doBefore(arg: Any?){ } // 注解1 @JavascriptInterface public fun do(arg: String?){ } } 2. 往Webiew注入Javascript Interface类： // 注解2 @Su
android addjavascriptinterface 漏洞,Android webview(三) addJavascriptInterface的安全问题
weixin_39603598的博客
06-04 406
为javascript提供native接口的途径Android WebView 提供一个addJavascriptInterface方法来为javascript创建一个JavaBridge.例如给js提供一个showToast的方法:private static class JavaJs {private Context context;JavaJs(Context context) {this....
android软件开发之webView.addJavascriptInterface循环渐进【一】
weixin_30644369的博客
11-22 115
首先必要的啰嗦几句，这几天写VC写的累的要死，突然间不想再写想VC了，手里面有一个andriod的手机天天玩到半夜，却从来没有写过这方面的 程序，真的是悲哀啊。所以我就想写这方面的程序，用管了VC的习程序的习惯，第一个程序当然是hello world。刚开始还没有什么大的问题，当到后面想写一刷Q*会员的程序的时候却发现，android的界面布局是真的难啊，怎么摆都不好看。弄得 和....什么似的。...
android软件开发之webView.addJavascriptInterface循环渐进【二】
JMathias的博客
10-27 573
新建工程 为了让大家更容易的理解，所以我这里就尽量的将代码缩短，这是我的工程的配置 创建好工程之后，然后将界面调整为下面这样 添加代码 首先将两个button和webview添加进来，并给web添加两个JavaScript调用接口，testFunc1和testFunc2 private Button m_testButtom1; private Button m_te
Android Webview重定向问题解决方法
08-27
在Android开发过程中，使用过WebView的童鞋可能难免会遇到URL重定向问题。这篇文章主要介绍了Android Webview重定向问题解决方法,非常具有实用价值，需要的朋友可以参考下
android webview input=file 失效解决方案
05-24
android webview input=file 失效解决方案
实例详解Android Webview拦截ajax请求
08-28
本篇内容主要给大家讲解了Android Webview拦截ajax请求的详细讲解，需要的朋友一起来学习一下。
Android WebView 常见问题及处理方案
01-05
但是android的webview默认支持的功能非常弱，很多地方都是需要自定义的，才能达到我们想要的效果。并且webview在不同的版本会有不同程度的bug。下面小编把webview经常出现的问题给大家整理如下： 1.为WebView自定义...
Android WebView 去除标题
08-24
Android WebView 去除标题 利用javacript交互
windows下编译chromium
juruiyuan111的专栏
12-03 2490
0 要求有可以翻墙的vpn。 1 下载depot_tools，解压到指定目录(最好直接解压到指定目录，避免copy遗漏文件)，比如:d:\depot_tools 2 把d:\depot_tools加入系统环境变量path的最前面。(如果加在path路径后面，要确保你path内部没有git，python等路径。) 3 更新depot_tools。重新开启一个cmd窗口，执行两次:gclient --version 4 获取chromium源代码，进入下载目录，比如：d:\git\chromium ...
Chromium DNS流程分析之SystemHostResolverCall 域名解析调用堆栈
juruiyuan111的专栏
12-02 2274
chromium56:SystemHostResolverCall域名解析调用堆栈
chromium base::bind 用法
juruiyuan111的专栏
12-01 1887
Chromium 提供了 base::Bind 和模版类型 base::Callback 对函数回调提供了支持，下面是一个简单的使用例程，将一个全局函数绑定到一个 Callback 对象，并通过 Callback.Run 调用这个函数： int Return5() { return 5; } base::Callback<int(void)> func_cb = base::Bind(&Return5); LOG(INFO) << func_cb.Run(); // Pr.
HttpStreamParser::ReadResponseBody http回复数据读取调用
juruiyuan111的专栏
12-02 1880
chromium56:http回复数据读取堆栈HttpStreamParser::ReadResponseBody
android webview与js 交互
05-15
Android WebView 是一个能够在 Android 应用程序中嵌入网页的组件，它可以开发出能够与 Web 页面进行交互的应用。其中与 Web 页面进行交互的一种方法是与 JavaScript 进行交互。下面简要解释一下 Android WebView 与 JS 交互的方式。 1. 加载本地 HTML 文件 在 Android WebView 中加载本地 HTML 文件时，需要使用 loadUrl() 方法加载。HTML 文件中的 JavaScript 可以通过 WebView 提供的 addJavascriptInterface() 方法注册为 Java 中的一个对象，然后在 Java 中调用该对象的方法，即可实现 JS 与 Java 的交互。 2. 加载远程 Web 页面 在 Android WebView 中加载远程 Web 页面时，需要添加 WebViewClient 和 WebChromeClient，分别是用来管理 WebView 的网络请求和处理页面上的 JavaScript 弹窗等请求。 在远程 Web 页面上，JS 代码可以通过 WebView 提供的 addJavascriptInterface() 方法注册为 Java 中的一个对象，然后在 Java 中调用该对象的方法，即可实现 JS 与 Java 的交互。 同时，在 Android 中处理 JS 的事件需要通过 JavaScriptInterface 向 WebView 注册一个映射对象，来实现 JS、Java 相互调用的机制，静态 HTML 文件是通过 WebView 中的 evaluateJavascript() 方法来调用 JS，来实现双向通信和数据交互。 总结来说，Android WebView 与 JS 交互的方式主要是通过 WebView 提供的 addJavascriptInterface() 方法注册为 Java 中的一个对象，然后在 Java 中调用该对象的方法，来实现 JS 和 Java 的交互。同时，JS 也可以通过 WebView 的 evaluateJavascript() 方法来调用 Java 中的方法，实现双向通信和数据交互。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值