Android-JS&Native交互的几种可行性方案&H5白屏问题解决方式

最新推荐文章于 2024-08-22 16:45:47 发布
最新推荐文章于 2024-08-22 16:45:47 发布
阅读量1.1k 收藏
点赞数
分类专栏： android开发 文章标签： Android jsprompt jsbridge javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/dbs1215/article/details/76740876
版权
本文介绍了Android中JS与Native交互的两种安全方案：addJavascriptInterface（存在安全风险，不推荐）和onJsPrompt（为主流通信方式），并详细阐述了onJsPrompt的使用方法和注意事项。同时，针对H5页面可能出现的白屏问题，给出了相应解决策略，强调了在使用onJsPrompt时避免阻塞UI线程和确保JavaScript在后台线程执行的重要性。
摘要由CSDN通过智能技术生成

在Android中可能因为业务场景需要，JS需要调用Native业务逻辑代码，Native需要通知JS，也即需要实现JS和Native之间通信；

##Java通知JS方式：

WebView.load("javascrpt:method("+param+");");

##JS通知Java有如下几种方式

1、addJavascriptInterface

具体使用示例参见官网描述

但该方案存在版本兼容问题，在4.2版本以下系统上存在安全漏洞，JS能够根据反射能访问注入的对象公有域。当WebView包含恶意代码时，攻击者可以以意想不到的方式来控制宿主App，使用这种方式需要特别小心。一般不建议使用此种方式

最低0.47元/天 解锁文章
小宝一号
关注
专栏目录
Android阿里、京东、美团等大厂面试Android篇
zhwadezh的博客
11-11 828
webView相关知识点 原生和H5交互 一、原生访问 h5 H5暴露全局方法提供给app调用 1.使用webView.loadUrl（javascript: jsString）, jsString是要调用的js代码的字符串。 2.主要步骤： （1）在H5页面写一个方法 （2）原生通过webView.loadUrl直接调用 二、 H5访问原生的方法 原理：原生通过webViewd的API-addJavascriptInterFace，传递一个自己事先写好的接口类并声明接口类的..
如何设计一个优雅健壮的Android WebView？，吊打面试官系列
m0_61417954的博客
09-08 395
} if (mIWebViewClient != null) { mIWebViewClient.onPageFinished(view, newProgress); } } } 可以看到，我们使用了`mProgressFinishThreshold`这个变量控制注入时机，这与前面提及的`当progress达到80的时候，加载出来的页面已经基本可用了`是相呼应的。 > 达到80%很容易，达到100%却很难。 正是因为这个原因，页面的进度加载到80%的时...
Android与H5交互相互调用对方的方法
07-21
此demo主要完成的是webview中H5调用android中的方法，以及android调用H5方法，也就是Java与js的交互，简单好用。
Android中JS与Native原生交互
托米每天美滋滋
07-19 1030
前言 之前面试也遇到到这个，现在做邮箱系统也有类似需求，决定好好研究一番！ 效果图 什么是JS?  JS:JavaScript的缩写，是个脚本语言，跟Java也没有太大的关系,相对来说，从事前端工作的用的比较多，比如学习过PHP，ASP.NET(我大学的专业）的都要牢牢的掌握，因此我略懂一点，大学看过杨中科老师的.NET视频，视频讲的很好，学习了Dom,JQurey
android调用h5代码步骤
最新发布
程序员大爷
08-22 260
上面的代码中，我们首先启用了WebView的JavaScript支持，然后通过`loadUrl()`方法加载本地的H5文件。这样就可以在Android应用中调用H5代码了。你可以根据具体的需求，使用WebView提供的方法与H5代码进行交互。要在Android应用中调用H5代码，可以使用WebView来加载并执行H5代码。
JS与Native交互
weixin_41733225的博客
03-23 205
js与Native交互
Android混合开发js与native交互两种方式
divaid的博客
01-29 1973
html向native传递数据：重点内容 一、使用window.prompt方式： 首先在html页面添加prompt执行入口： prompt test 然后native中的WebChromeClient重写onJsPrompt方法（主要可以给html返回数据，如果没有返回数据使用onJsAlert，onJsConsole也可以实现交互）添加： @Override
Android jsbridge返回空白
Alone的博客
06-17 340
具体原因不明 有去在jsbridge的仓库看到别人提出的很多问题，也有人遇到了这种问题就是拉取远程仓库
前端学习总结（十二）ionic——媲美原生的h5跨平台移动应用开发框架
浩时代的博客
03-17 6957
一 ionic简介 ionic是一个专注于用WEB开发技术，基于HTML5创建类似于手机平台原生应用的一个开发框架。绑定了AngularJS和Sass。这个框架的目的是从web的角度开发手机应用，基于PhoneGap的编译平台，可以实现编译成各个平台的应用程序。 ionic提供很多css组件和javascript UI库。 ionic可以支持定制android和ios的插件，也支持服务端RE
如何设计一个优雅健壮的Android WebView？（下
m0_70058994的博客
05-03 1055
nativeReady = false; var jsoncommand = JSON.stringify(command); var _temp = prompt(jsoncommand,‘’); return true; } else { return false; } } 上面的代码有所删减，若需要执行完整的jsbridge功能，还需要做一些额外的配置。例如告知前端这段js代码已经注入成功的标记。 什么时候注入js合适？ 如果做过WebView开发，并且需要和js交互的同学，大部分都会认为js在Web
Android与H5互调详细介绍
01-05
Android与H5互调详细介绍    微信，微博，微商，QQ空间，大量的软件使用内嵌了H5，这个时候就需要了解Android如何更H5交互的了；有些外包公司，为了节约成本，采用Android内嵌H5模式开发，便于在iOS上直接复用页面，最终解决成本。         为什么学android也要学h5？ Android很多软件都有内嵌H5的,有什么用处、优势？节约成本，提高开发效率。 实现的原理是什么？         本质是:Java代码和JavaScript调用 案例一：Java与Js简单互调         首先，在Android代码中加载H5页面： private void
Android实现H5与Native交互的两种方式
01-05
前言 大家都知道在Android WebView使用中，经常需要H5页面和Native页面进行交互，比如在网页上点击分享按钮，调用本地分享接口进行分享，分享成功后本地调用网页的JavaScript代码展示一条分享成功的消息。下面来看看一起看看两种实现方式是什么？ 一、Url拦截的方式 重写ShouldOverrideUrl进行Url拦截，这种方式通过H5和Native协商好的Url格式来表明H5页面想要Native进行的操作，比如拨打电话，播放视频，查看某个用户的信息等操作，每种操作对应一种url格式，比如： “/media/image/123”代表H5要调用Native查看id为123的
Android-H5和Android通信框架让H5和Android相互调用更加简单
08-13
H5和Android通信框架，让H5和Android相互调用更加简单
Android原生主动调用H5方法
professionIT的博客
01-18 3747
1、添加方法 mWebView.addJavascriptInterface(new JsInterface(), "android"); 2：android中的写法，下面这段很重要 String path = "http://test123.html"; String method = "javascript:displayImg('" + path + "')"; mWebView.l...
android调h5方法,Android与H5互调简析
weixin_39926191的博客
05-25 789
均属于笔记，仅供个人参考，有问题欢迎指正一，java调用JavaScript1，初始化WebView并且加载网络页面private voidinitWebView() {webView= newWebView(this);WebSettings webSettings =webView.getSettings();//设置支持javaScript脚步语言webSettings.setJavaScr...
Android 调用H5界面（交互）
Liuxb_zao的博客
10-10 1359
public class UserInfoActivity extends AppCompatActivity implements WebView.OnClickListener{ private WebView webView; private ValueCallback<Uri> mUploadMessage;// 表单的数据信息 private V...
android与H5之间的调用
lenovo_g410的博客
05-20 641
android与H5之间的调用
JS-Native交互详解：从基础到JSPatch深入实践
在移动应用开发中，JS-Native交互是连接JavaScript与原生平台（如Android和iOS）的关键技术，它允许开发者利用JavaScript的灵活性和原生应用的高性能。这本书详细介绍了这一领域的各个方面： 1. **JS与原生平台的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值