【HarmonyOS NEXT】WebView是否支持JSBridge注入和通信

最新推荐文章于 2024-06-02 21:50:52 发布
最新推荐文章于 2024-06-02 21:50:52 发布
阅读量647 收藏 5
点赞数 7
文章标签： harmonyos
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Mayism123/article/details/136648381
版权

【关键字】

WebView / JSBridge / 注入 / 通信 / H5 / HTML / javaScriptProxy

【问题描述】

WebView是否支持JSBridge注入和通信？

【解决方案】

JSBridge是一种JavaScript与Web客户端之间的通信机制。通过JSBridge，可以在WebView中通过JavaScript代码调用客户端提供的功能，也可以从客户端中调用JavaScript函数。

目前，HarmonyOS支持WebView的JSBridge注入和通信，详细信息请参见：https://developer.huawei.com/consumer/cn/doc/harmonyos-references/js-apis-webview-0000001821001193#ZH-CN_TOPIC_0000001821001193__registerjavascriptproxy

通信方式有以下三种。

  • ArkTS调用H5：通过runJavaScript接口（对应Android的evaluateJavaScript接口）调用HTML中的代码，异步执行JS脚本。

  • H5调用ArkTS：通过javaScriptProxy接口（对应Android的addJavascriptInterface接口），将对象注册到HTML的window对象上。

  • ArkTS与H5双向通信：通过createWebMessagePorts、PostMessage接口（对应Android的WebMessagePort、postWebMessage接口），创建一个消息通道[port1,port2]与JS进行通信。

关于ArkWeb的更多信息请参见：https://developer.huawei.com/consumer/cn/doc/harmonyos-faqs/faqs-arkweb-kit-0000001816292321

Mayism123
关注
  • 7
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
安卓webview 的JsBridge连接桥（跟html交互）
12-04
HTML调用安卓的方法，要用的连接桥，使用方法在我的博客里可以查看，欢迎大家相互交流
Flutter使用JsBridge方式处理Webview与H5通信的方法
08-19
主要介绍了Flutter使用JsBridge方式处理Webview与H5通信的方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
【HarmonyOS NEXT】如何实现通过三方浏览器打开一个H5页面，通过H5页面拉起原生应用并且传递参数
Mayism123的博客
03-15 427
关于H5页面拉起原生应用传递参数，目前已有规划，需要等版本实现后，通过AppLink实现，能力对标ios的Universal Links和安卓App Links的能力。目前H5拉原生应用只有相关原生应用自己适配的接口，比如call.makeCall，具体实现可参考链接。webview / jsbridge / 三方浏览器 / H5 / 拉原生应用 / 传递参数。如何实现通过三方浏览器或微信打开一个H5页面，通过H5页面拉起原生应用并且传递参数。
如何移植 JsBridge 到鸿蒙
chuyouyinghe的专栏
03-14 728
相信大多数小伙伴的项目都已经有了线上稳定运行的 JsBridge 方案，那么对于鸿蒙来说，最好的方案肯定是不需要前端同学的改动，就可以直接运行，这个兼容任务就得我们自己来做了。关于 JsBridge 的通信原理，在中已经介绍过了，现在主流的技术方案有和两种，我们分别看一下如何在鸿蒙上实现。
【HarmonyOS NEXT】是否有类似Android的Scheme功能，可以从H5页面上拉起App内的特定页面（原生页面/H5页面）
Mayism123的博客
03-12 365
是否有类似Android的Scheme功能，可以从H5页面上拉起App内的特定页面（原生页面/H5页面）？当前WebView通过JSBridge的方式，可以执行到startability，来拉起页面。H5 / 拉起App / WebView / JSBridge。
鸿蒙端H5容器化建设——JSB通信机制建设
关于Android开发的一些技术点总结 ╮(￣▽￣”)╭
12-18 2216
本文概述了鸿蒙系统的架构以及开发模式，并且指出鸿蒙的适配工作任重而道远。其中，Native侧的迁移适配需要大量的时间和成本；而H5作为天然的跨端生态，尤其是在业务中本来就有很重的业务承载，那么H5容器化是首先要去适配的。ArkTS与H5的JSB通信机制则是本文的重点描述内容，剩下的H5容器所需的Native能力，则需要一点一点去补齐。
【HarmonyOS NEXT】WebView是否支持定位功能
Mayism123的博客
03-12 362
WebView / H5 / 定位。WebView是否支持定位功能？
【HarmonyOS NEXT】Webview如何获取前端页面高度
Mayism123的博客
04-16 427
可以通过@ohos.window (窗口)模块的getWindowProperties方法获取前端页面高度。Webview / @ohos.window (窗口)模块 / getWindowProperties。Webview如何获取前端页面高度？
【HarmonyOS NEXT】Previewer支持哪些场景，支持webview吗
Mayism123的博客
02-08 367
Previewer在API 10后网络连接这些可以使用，但确实在webview加载场景无法使用，建议优先使用模拟器或真机测试。
【HarmonyOS NEXT】WebView的兼容性怎么样
Mayism123的博客
03-12 451
兼容性：安卓、iOS上的HTML内容，移植到HarmonyOS端，基本无需改动。W3C兼容性测试：WPT 200/238，移动端的H5接口基本都已支持。WebView / 兼容性 / HTML。WebView的兼容性怎么样？
flutter开发实战-实现webview与Javascript通信JSBridge
一名开发者
07-12 4358
flutter开发实战-webview_flutter结合javascriptbridge实现flutter与html交互，通过使用flutter webview通过javascriptBridge来进行交互、交互用到了JavascriptChannel、cookie等。
解决React-Native的WebView不支持Android选择图片和拍照
08-31
解决React-Native的WebView不支持Android选择图片和拍照
Android中WebView无法后退和js注入漏洞的解决方案
09-02
主要介绍了Android中WebView无法后退和js注入漏洞解决方案,其中js注入主要针对安卓4.2及以下版本中WebView的漏洞,需要的朋友可以参考下
HarmonyOS之常用组件WebView的使用
╰つ栺尖篴夢ゞ
07-18 7379
一、WebView 功能 WebView 提供在应用中集成 Web 页面的能力。 请使用真机或模拟器运行查看 WebView 效果，预览器不支持 WebView 显示。 只有预置 WebView 能力的真机设备才支持 WebView 功能，智能穿戴设备不支持WebView。 二、WebView 的使用方法 WebView 派生于通用组件 Component，可以像普通组件一样进行使用。 在使用 WebView 时需要配置应用的网络权限，打开“entry > src > main >
【HarmonyOS】View点击穿透，层叠View点击事件控制
我的小窝
05-28 521
harmonyos 层叠view 点击事件处理
HarmonyOS-9(stage模式)
xueyoubangbang的博客
05-29 322
【代码】HarmonyOS-9(stage模式)
装饰器，状态管理和if判断（HarmonyOS学习第六课）
最新发布
qq_58213084的博客
06-02 936
语法的定义使用方法全局的自定义构建函数可以被整个应用获取，不允许使用this和bind方法。如果不涉及组件状态变化，建议使用全局的自定义构建方法在前文的描述中，我们构建的页面多为静态界面。如果希望构建一个动态的、有交互的界面，就需要引入“状态”的概念在本章节开始的案例中，用户与应用程序的交互触发了文本状态变更，状态变更引起了UI 渲染，UI 从“Hello world”变更为“Hello rkUI”，这个过程就用到了状态。
鸿蒙ArkTS声明式开发：跨平台支持列表【组件快捷键事件】
m0_62167422的博客
05-28 1188
开发者可以设置组件的自定义组合键，组合键的行为与click行为一致，组件在未获得焦点状态下也可以响应自定义组合键，每个组件可以设置多个组合键。
Androidwebview是否支持fetch
07-16
是的，Android WebView 支持 Fetch API。WebView 是 Android 平台上的一个组件，用于在应用程序中显示网页内容。它是基于 Chromium 的，因此支持许多现代的 web 标准和 API，包括 Fetch API。 您可以在 WebView 中使用 Fetch API 发送网络请求，获取数据并进行处理。以下是一个简单的示例： ```java // 创建 WebView 实例 WebView webView = new WebView(context); // 启用 JavaScript WebSettings webSettings = webView.getSettings(); webSettings.setJavaScriptEnabled(true); // 在 WebView 中加载网页 webView.loadUrl("https://www.example.com"); // 设置 WebView 的 WebViewClient webView.setWebViewClient(new WebViewClient() { @Override public void onPageFinished(WebView view, String url) { super.onPageFinished(view, url); // 在页面加载完成后，使用 Fetch API 发送请求 view.evaluateJavascript("fetch('https://api.example.com/data')" + ".then(response => response.json())" + ".then(data => {" + " // 处理返回的数据" + " console.log(data);" + "})" + ".catch(error => {" + " // 处理错误" + " console.error(error);" + "});", null); } }); ``` 在上面的示例中，我们创建了一个 WebView 实例，并启用了 JavaScript 功能。然后，我们加载了一个网页，并在页面加载完成后使用 `evaluateJavascript` 方法来执行 JavaScript 代码，其中包括使用 Fetch API 发送请求和处理返回的数据的逻辑。 请注意，为了使用 Fetch API，您需要确保在 WebView 中启用了 JavaScript。另外，您还可以通过设置 WebViewClient 来处理页面加载和其他事件。这只是一个简单的示例，您可以根据您的具体需求进行自定义和扩展。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值