uni-app 与 web-view内嵌网页双向通信

最新推荐文章于 2025-06-18 10:47:00 发布

原创

最新推荐文章于 2025-06-18 10:47:00 发布 · 9.4k 阅读

35 ·

CC 4.0 BY-SA版权

文章标签：

#vue #js #javascript #webview #dom

这里的通信主要测试环境是打包APP端和web-view内嵌网页的双向通信。

一、内嵌网页向uni-app通信
参考文章：uniapp web-view

内嵌网页向uni-app发消息
在web-view访问的网页内引入uni.webview.1.5.3.js,待sdk加载完毕后就可以调用方法postMessage。如下：

// index.html
<!DOCTYPE html>
<html lang="zh-CN">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <script type="text/javascript" src="https://gitee.com/dcloud