Android和H5之间的交互

最新推荐文章于 2023-04-26 17:40:37 发布
最新推荐文章于 2023-04-26 17:40:37 发布
阅读量302 收藏
点赞数
分类专栏： Android
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wxilin2111/article/details/78076282
版权
本文详细介绍了Android与H5之间交互的方式，包括webView加载HTML页面，Android通过Java调用JavaScript方法，JavaScript调用Android本地Java方法，以及拦截HTML页面点击事件。示例代码展示了如何实现Java调用有返回值和无返回值的JavaScript方法，以及JavaScript如何调用Android的本地方法。
摘要由CSDN通过智能技术生成
1.设置允许执⾏JS脚本： webSettings.setJavaScriptEnabled(true);
2.添加通信接⼜
webView.addJavascriptInterface(Interface,"InterfaceName")
3. JS调Android
InterfaceName.MethodName
4. Android调JS无返回值的

webView.loadUrl("javascript:functionName()");

5.Android调JS有返回值的

webView.evaluateJavascript("sum(" + a + "," + b + ")", new ValueCallback<String>() {
@Override
public void onReceiveValue(String value) {
Log.e("tag", "value=" + value);
}
});


HTML中代码

[html] view plain copy
  1. <!DOCTYPE html>  
  2. <html>  
  3. <head>  
  4. <title></title>  
  5. <script type="text/javascript">  
  6.     function sum(a,b){  
  7.         return a+b;  
  8.     }  
  9.       
  10.     function s(){  
  11.         var result =window.android.back();  
  12.         document.getElementById("p").innerHTML=result;  
  13.     }  
  14.   
  15.     function sum2(a){  
  16.       document.getElementById("qq").innerHTML=a;  
  17.     }   
  18.     </script>  
  19. </head>  
  20. <body>  
  21. <button onclick="s()">js调用安卓本地方法</button>  
  22. <a href="file:///android_asset/test2.html">点击</a>  
  23. <p id="p"></p>  
  24. <p id="qq"></p>  
  25. </body>  
  26. </html>  

Android 中代码

[java] view plain copy
  1.     protected void onCreate(Bundle savedInstanceState) {  
  2.         super.onCreate(savedInstanceState);  
  3.         setContentView(R.layout.activity_main);  
  4.         mWebView = (WebView) findViewById(R.id.wb);  
    5. <
最低0.47元/天 解锁文章
xianlin2111
关注
专栏目录
android 和h5交互,Android中与H5的交互
weixin_33419305的博客
05-27 3794
Android日常开发中，常常会遇到加载H5页面的情况，于是少不了与H5页面的交互问题。具体表现在Android调用H5代码及H5中调用Android代码两种情况。测试页面test.png这里我们首先编写上图所示的测试页面，在MainActivity中初始化各组件private void initView() {mLoginLayout = findViewById(R.id.login_layo...
android把系统路径转化成file
u010897392的专栏
02-18 2028
/** * 把路径转化成File * @param data * @return */ @SuppressLint("NewApi") public  File changeFile(Uri uri) {  System.out.println("uri是"+uri);  String[] projection = { MediaStore.Images.Media.DATA };
h5中＜input type=“file“ /＞上传文件，android系统无法换起系统文件管理器
JackyCheung
08-31 1346
h5中上传文件，android系统无法换起系统文件管理器
各个浏览器对H5标签无障碍的实现
qq_43389849的博客
03-17 1725
官方文档
H5中将图片的绝对路径转换成文件对象
不怕麻烦的鹿丸的博客
04-26 963
在HTML5中，FileList对象表示用户选择的文件列表。通过添加multipe属性，file控件内允许一次选择多个文件。控件内的每一个用户选择的文件都是一个file对象，而FileList对象则是file对象的列表，代表用户选择的所有文件。
Android与H5交互 -- 点击H5跳转到 Android原生 页面 ，webview与h5（js）交互
afufufufu的博客
10-31 8650
app开发过程中，利用原生+h5模式来开发是比较常见的下面案例演示的是：原生调起一个H5页面，然后H5点击跳转到原生。
Android和H5交互一篇就够了
热门推荐
w15321970103的博客
07-21 3万+
1 — WebView基本配置 2 —WebView和H5的交互 3 — WebView错误页面处理 4 —WebView中的Cookie操作 5 —WebView漏洞 6 —WebView内存泄漏问题 1WebView基本配置布局设置 代码设置<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http
android h5 之间交互
01-05
在实现Android与H5交互时，需要注意数据的安全性，避免跨域访问和恶意代码注入。同时，优化WebView的加载速度和内存使用，如开启硬件加速，使用WebSettings优化配置。 总结来说，Android与H5之间的交互涉及到了...
android与H5交互传参
05-29
通过查看这个项目的源代码，我们可以更好地理解Android与H5之间的交互过程。 总之，Android与H5的交互是混合应用开发的关键技术。通过WebView组件，我们可以轻松地实现两者之间的通信，无论是H5调用Android的方法，...
android与H5交互
01-03
今天来记录一下关于android与h5交互的内容 满足日常需求,带参数传值的,我也是业务中的需求,解决了问题决定记录一下~ 声明:都可以复制直接拿来用的~ public class MainActivity extends AppCompatActivity { @...
Android和H5 js交互Demo
09-04
总的来说，这个Demo是学习和实践Android与H5交互的一个实用案例，它涵盖了基本的交互机制、特定功能的实现，以及兼容性和安全性等方面的考虑。通过研究这个Demo，开发者能够更好地掌握混合应用开发中的关键技巧。
android与H5数据交互(kotlin)
吕氏春秋i
10-30 1776
前言 最近老项目重构 纯原生项目换成了原生+h5 混合开发 所有的功能基本都由H5做了 android这边只负责调用硬件设备 拿到硬件返回的数据 再返回H5 交由他来加载显示 主要方法有2个 一是H5输入内容传给android android接受到保存数据库 这样做的好处是 即使重新加载H5 数据还是有的 不会丢失重要信息 另一个方法就是H5调用android的方法 由android返回数据给H5显示 效果图 Html代码 直接全部copy html的代码 然后新建一个.hmtl 文件 名字无所
Android H5交互实现拍照显示
nyb521的博客
03-14 1029
今天来整理一下android和h5交互实现拍照，相册选图片进行显示，适配了7.0。6.0的网络权限顺便也简单说下。 PackageManager pkgManager = getPackageManager(); // 读写 sd card 权限非常重要, android6.0默认禁止的, 建议初始化之前就弹窗让用户赋予该权限 boolean sdCardWritePermission = ...
android 导入h5多文件,H5 Android文件上传
weixin_28883589的博客
05-29 655
直接利用file input实现上传，浏览器和Android下都可以正常使用基于vue的头像上传 handlePortraitChange(e) {if (null != e.target.files && e.target.files.length > 0) {let postFiles = Array.prototype.slice.call(e.targe...
Android webview H5页面input选择文件传递参数
qq_44381427的博客
01-10 3170
Android中webview对input选择文件支持不是很好，通过重写onShowFileChooser方法然后返回选中文件的Uri来实现。但是在实际开发中常常遇到需要不同input做不同动作。 比如我想实现选择图片的功能，其中包含三种不同状态： 打开文件选择器选择图片 直接打开相机拍照 用户选择打开相机或选择图片 onShowFileChooser方法只提供了一个webview对象，一个ValueCallback回调，以及FileChooserParams（提供少量的信息）。我们怎么区分这些情况
低版本Android上的WebView不能重定向或不能进入shouldOverrideUrlLoading方法的问题
KevinsCSDN的博客
04-27 3002
只想知道问题原因，直接看最后的总结就好了，以下是我对找这个bug的过程的梳理。 昨天收到一个bug任务:在Android5.0的手机上无法打开某H5页面。在加载后不久直接进入onPageFinished方法后就没了下文。 观察到WebView打开其他页面没有问题，打开该页面时有个重定向，猜想到是重定向的问题。但是shouldOverrideUrlLoading无论如何都进不了。 使用Postma...
(高效开发)Android手机间使用socket进行文件互传实例
ykd2020
05-24 1万+
说明这是一个Android手机间文件传输的例子，两个手机同时装上此app，然后输入接收端的ip，选择文件，可以多选，点确定，就发送到另一个手机，一个简单快捷文件快传实例。可以直接运用到项目中。 下面是文件选择器： 代码首先加入文件选择库 compile 'com.nononsenseapps:filepicker:2.5.2'这个库的地址和用法在：https://github.com/
关于安卓中的 shouldOverrideUrlLoading 方法的问题
weixin_44221085的博客
04-17 8964
public boolean shouldOverrideUrlLoading (WebView view, String url) 是一个在 WebViewClient 类中定义的方法，网上有的博客说该方法的作用是当返回值是 true 的时候控制 Url 在当前 WebView 打开，为 false 时调用系统浏览器或第三方浏览器打开。但实际上这种说法是错误的。 ① webView = (WebView) findViewById(R.id.webView); //WebView加载web
Android 无障碍服务 performAction 的调用过程分析
zzz777qqq的博客
06-06 2134
无障碍服务可以模拟一些用户操作，无障碍可以处理的对象，通过类 AccessibilityNodeInfo 表示，通过无障碍服务，可以通过它的 方法来触发一些 action ，包括： 他们都可以通过 方法进行处理： 在这个方法中，第一步是检查 perform 是否可以通过 connection 请求，这里 connection 检查是根据通过 binder 通信传递过来的 id 检查连接是否正常。 然后通过 对象，调用它的 方法去进行实际操作的。这个类是一个执行可访问性交互的单例，它可以根据 View
android 和 h5 之间的交互
最新发布
06-10
Android 和 H5 之间的交互可以通过以下几种方式实现： 1. WebView 的 addJavascriptInterface() 方法：在 Android 端通过该方法将 Java 对象暴露给 H5 端，H5 端可以通过调用该对象中的方法与 Android 进行交互。 2. H5 的 postMessage() 方法：H5 端可以通过该方法将消息发送给 Android 端，并且可以在 Android 端通过 WebViewClient 的 shouldOverrideUrlLoading() 方法拦截该消息并进行处理。 3. WebViewClient 的 onPageFinished() 方法：Android 端可以在该方法中通过 WebView 的 evaluateJavascript() 方法执行一段 JavaScript 代码，从而与 H5 进行交互。 需要注意的是，为了保证交互的安全性，应该对交互内容进行严格的校验和过滤，避免恶意代码的注入和执行。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值