Javascript回调Android的方法，达到js和android交互的效果

已于 2023-08-06 15:44:44 修改
阅读量334 收藏
点赞数
分类专栏： android实战 文章标签： javascript android 交互
于 2023-07-26 15:44:24 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/haozening/article/details/131940849
版权

大家好，我是专职Android研发，有14年研发经验，其中Android研发经验已经有10年。
曾任职上市公司，有车机导航、机器人等行业及研发经验，热衷于技术和研发。
除Android专业外，也研究并使用Python、PHP、JavaScript、前端、中间件、数据库等技术。
目前开始通过博客对自己的知识和经验进行归纳和总结，由于工作较忙，不定期去更新博客。
希望本博客的内容能够真正帮助到一些同学。
个人博客：Dzboy的日志

问题：

Javascript回调Android的方法，达到js和android交互的效果，这里把极简的完整代码记录在这里，方便大家查看

解决方案：

在Activity中增加以下代码

mWebView = (WebView) findViewById(R.id.mywebview)
了解本专栏 订阅专栏 解锁全文 超级会员免费看
你的老师父
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
订阅专栏
android中WebView回调js的方法
10-29
android中WebView回调js的方法
JS与安卓的通信
ItStepMore的博客
09-08 4163
JS与安卓的通信包括了安卓调用JS,JS调用安卓以及比较常用的使用callback方式调用. 要调用JS,首先要开启JS,调用websetting的setJavaScriptEnable(true);接着需要设置webview的加载打开方式,setWebViewClient(),setChromClient(),需要重写里面的方法. 首先,安卓调用JS,需要调用方法 mWebView.loa
android webview与H5页面交互 js调用原生代码回调原理
github_36165539的博客
08-29 4763
android webview与H5页面交互 js调用原生代码回调原理
Js调用Android回调处理
believer123的专栏
02-03 6592
js调用native方法，并且native处理完成后回调js函数！ 例： function callNative("addUser",function(res){ //处理回调 });
JS如何调用Android原生方法
wangbaobao512的博客
10-09 6943
实际上，JSBridge 就像其名称中的Bridge的意义一样，是 Native 和非 Native 之间的桥梁，它的核心是构建 Native 和非 Native 间消息通信的通道，而且这个通信的通道是双向的。1、增加Javascript的接口：把安卓的相关方法的接口赋值到一个特殊的js对象中，继而赋值给window对象中，比如下面代码块 项目中的PosObj。3、js调用Android方法（）//将handleAndroid方法放到需要调用的地方。
JS和android原生相互调用，JS传string 无限制调用android 原生工具类
qq_34784151的博客
07-22 967
JS在服务器端，可以随时更新。给用户的APP预留一些常用工具类，通过JS 调用android 反射生成对象，进而调用android预留的工具类方法。因为不是做项目，只是demo测试，只简单的转换了boolean和int,string类型的，其他的大同小异，根据需要补上即可。
android js 回调函数,JS回调函数简单易懂的入门实例分析
weixin_35756624的博客
05-26 334
本文实例讲述了JS回调函数。分享给大家供大家参考，具体如下：初学js的时候，被回调函数搞得很晕，现在回过头来总结一下什么是回调函数。什么是JS？(点击查看)下面先看看标准的解释：function SortNumber( obj, func ) // 定义通用排序函数{// 参数验证，如果第一个参数不是数组或第二个参数不是函数则抛出异常if( !(obj instanceof Array)...
android原生和js交互传递参数 包含特殊字符
05-10
android原生和js交互传递参数 包含特殊字符 例如"\'"等情况 避免Uncaught SyntaxError: missing ) after argument list 避免JSON.parse失败等情况 利于快速和webview交互 加速开发过程
Android中Java和JavaScript交互实例
10-24
主要介绍了Android中Java和JavaScript交互实例,本文给出了实现方法、实现代码、js调用Java、java调用js等内容,需要的朋友可以参考下
android demo,android调用js方法
02-07
android demo,android调用h5中的js方法，js方法在input中写入值，android中的java方法调用该js方法。
android中WebView和javascript实现数据交互实例
10-25
主要介绍了android中WebView和javascript实现数据交互实例,需要的朋友可以参考下
VueAndAndroid:Vue和Android交互，Android回调Vue的方法
05-15
VueAndAndroid Vue和Android交互，Android回调Vue的方法 1.Vue中定义的方法 2.Android中调用Vue的方法
Android中webview和js之间的交互调用
08-16
android 4.4 之后的版本，由于Android安全机制的升级，js注入漏洞解决方案，导致之前JS和Android交互的方法失效了，该demo很好的解决了最新版本Android和js之间互相调用的问题，支持最新的Android版本调用，包括华为...
报表控件Stimulsoft在JavaScript报告工具中的事件：查看器事件（上）
励志做最业余的专业博主，控件产品可以私我~
04-28 842
在本文中，我们为JS报告工具中的查看器事件提供了全面的指南，包括它们的详细描述、参数列表等一系列详细内容。
基于Springboot的旅游管理系统（有报告）。Javaee项目，springboot项目。
最新发布
XING的博客
05-03 857
基于Springboot的旅游管理系统（有报告）。Javaee项目，springboot项目。数据库作为系统数据储存平台，实现了基于B/S结构的Web系统。界面简洁，操作简单。采用M（model）V（view）C（controller）三层体系结构，通过。
element-ui的bug记录
nick_zhang的博客
04-29 488
7.el-dialog组件在关闭时，会触发子组件的created/mounted生命周期。原因是当visible改变为false，即关闭dialog的时候，如果用户设置了destroyOnClose=true，则执行key++；key是绑定在较外层的div上的，key值的变化会导致这个div重新渲染。6.select 的 popper-append-to-body ,默认值为true;dialog的append-to-body,默认值为false;3.element表格前端分页。
bpmn-js推荐几款常用的插件
飞云先生
04-30 99
bpmn-js整体框架库的风格是以组件的方式进行实现的，这样的结构也更加便于我们更好的对其进行功能扩展，以及客制化功能实现。其实bpmn.io已经为我们实现了较多场景的组件的实现，了解对应组件的功能更能便于我们区分是否需要自己实现，降低重复造轮子的行为，提高开发效率，本篇文章主要是介绍常见的bpmn-js中使用的组件库。
表格隔行变色
weixin_54339833的博客
05-02 363
2.$(document).ready() 是 jQuery 中的一个函数，它确保在文档结构（DOM）加载完成后执行指定的代码。与原生 JavaScript 的 window.onload 不同，$(document).ready() 会在 HTML 文档结构被加载和解析完成后立即执行，而无需等待样式表、图片和子框架的完成加载。if (index % 2 === 0) { // 偶数行。if (i % 2 === 0) { // 偶数行。// 可以省略，因为默认背景色通常是白色。
echarts+百度地图如何定义边界线
abc8002117034的博客
04-30 289
5.setOption里面的参数option.series是echarts散点图的配置项,option.bmap是百度地图的配置项，比如center是当前地图的中心点，zoom是缩放数值，roam是是否可以缩放，mapStyle是地图的样式。3.方法getCenterPoint是获取当前区域中心点的经纬度，我们将会在区域的中心点显示区域名称和具体数值。4.方法convertData返回的是地图上红色散点里面的数据，是对idata的数据格式做的一层转换。2.变量styleJson是地图的样式，可以去。
Android和iOS平台上调用原生WebView的接口进行数据交互
06-03
在Android和iOS平台上，可以通过WebView的接口来进行JavaScript和原生代码之间的数据交互。以下是Android和iOS平台上的一些常用方法： ### Android平台 #### 1. WebView.addJavascriptInterface() 该方法可以将Java对象注册到WebView中，使得JavaScript可以通过该对象调用Java中的方法。具体使用方法如下： ```java // 创建一个Java对象 public class MyJavaObject { @JavascriptInterface public void showToast(String message) { Toast.makeText(getApplicationContext(), message, Toast.LENGTH_LONG).show(); } } // 将Java对象注册到WebView中 webView.addJavascriptInterface(new MyJavaObject(), "myJavaObject"); ``` 在JavaScript中，可以通过`window.myJavaObject`来调用MyJavaObject对象中的`showToast()`方法，例如： ```javascript window.myJavaObject.showToast('Hello World!'); ``` #### 2. WebView.evaluateJavascript() 该方法可以在WebView中执行JavaScript代码，并将执行结果传递给指定的回调函数。具体使用方法如下： ```java webView.evaluateJavascript("javascript:alert('Hello World!')", new ValueCallback<String>() { @Override public void onReceiveValue(String value) { // value为JavaScript代码的执行结果 } }); ``` 在上面的例子中，我们通过WebView执行了一段JavaScript代码，即弹出一个提示框，然后将执行结果传递给了回调函数。 ### iOS平台 #### 1. WKWebView.evaluateJavaScript() 该方法可以在WKWebView中执行JavaScript代码，并将执行结果传递给指定的回调函数。具体使用方法如下： ```objective-c [webView evaluateJavaScript:@"alert('Hello World!')" completionHandler:^(id result, NSError *error) { // result为JavaScript代码的执行结果 }]; ``` 在上面的例子中，我们通过WKWebView执行了一段JavaScript代码，即弹出一个提示框，然后将执行结果传递给了回调函数。 #### 2. WKScriptMessageHandler 该协议定义了一个方法，用于处理从JavaScript发送给原生代码的消息。具体使用方法如下： 首先，我们需要创建一个遵循WKScriptMessageHandler协议的对象，并将其注册到WKWebView中： ```objective-c // 创建一个WKUserContentController对象 WKUserContentController *userContentController = [[WKUserContentController alloc] init]; // 创建一个遵循WKScriptMessageHandler协议的对象 MyMessageHandler *messageHandler = [[MyMessageHandler alloc] init]; // 将messageHandler对象注册到userContentController中 [userContentController addScriptMessageHandler:messageHandler name:@"myMessageHandler"]; // 创建一个WKWebViewConfiguration对象，并将userContentController设置为它的userContentController属性 WKWebViewConfiguration *configuration = [[WKWebViewConfiguration alloc] init]; configuration.userContentController = userContentController; // 创建一个WKWebView对象，并将configuration设置为它的configuration属性 WKWebView *webView = [[WKWebView alloc] initWithFrame:self.view.bounds configuration:configuration]; [self.view addSubview:webView]; ``` 然后，在MyMessageHandler对象中实现`userContentController(_:didReceive:)`方法，用于处理从JavaScript发送过来的消息： ```objective-c @interface MyMessageHandler : NSObject <WKScriptMessageHandler> @end @implementation MyMessageHandler - (void)userContentController:(WKUserContentController *)userContentController didReceiveScriptMessage:(WKScriptMessage *)message { // 在这里处理从JavaScript发送过来的消息 NSLog(@"Received message from JavaScript: %@", message.body); } @end ``` 在JavaScript中，可以通过`window.webkit.messageHandlers`对象来发送消息给原生代码，例如： ```javascript window.webkit.messageHandlers.myMessageHandler.postMessage('Hello World!'); ``` 在上面的例子中，我们向名为myMessageHandler的MessageHandler对象发送了一条消息，即字符串'Hello World!'。当原生代码接收到该消息时，会执行MyMessageHandler对象中的`userContentController(_:didReceive:)`方法，并输出接收到的消息。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值