uniapp（手机端）如何与 iframe通信？？急！

分类：uni-app

mui iframe

uniapp手机端不支持window、document、navigator等浏览器的js API。
并且自带的web-view默认全屏，这就不得不使用iframe了。
但是现在无论如何都获取不到iframe里面的东西，也就完成不了通信。
请问有什么方法能实现uniapp（手机端）如何与 iframe的通信吗？

2021-04-04 01:08 负责人:无分享

6 个回复

暮雪骄阳

大兄弟，web-view了解一下，内置浏览器打开H5页面

<web-view :webview-styles="webviewStyles" :src="item"></web-view>

7***@qq.com (作者)

web-view默认全屏，且层级最高，没办法实现我的需求

2021-04-04 14:42

Absorbed66c - 码农一枚

可以用plus.webview

7***@qq.com (作者)

web-view默认全屏，且层级最高，没办法实现我的需求

2021-04-04 14:43

8***@qq.com

请问找到解决办法了吗

7***@qq.com (作者)

无解

2022-01-11 03:10

9***@qq.com

有办法吗

7***@qq.com (作者)

无解

2022-01-11 03:10

我可爱的app

有办法了吗，这个社区一潭死水，官方也从不解答

7***@qq.com (作者)

无解

2022-02-09 15:03

BoredApe - 有问题就会有答案。

uniapp手机端不支持window、document、navigator等浏览器的js API。

可以使用rendejs来实现在视图层操作dom，运行for web的js库。
请查看该文档：renderjs

我可爱的app

谢谢大佬回复，这个文档不太详细，看得一愣一愣的，有没有示例

2022-02-10 11:37
BoredApe

回复我可爱的app: 文档中有一个通过renderjs，在app和h5端使用完整的 echarts示例可以参考

2022-02-10 13:25
9***@qq.com

谢谢大佬，app端使用renderjs，使用postMessage和iframe通信测试成功

2022-03-09 17:30
2***@qq.com

回复 9***@qq.com: 怎么成功的，有demo吗？

2022-06-17 20:52
1***@qq.com

回复 9***@qq.com: 是怎么实现的大佬

2023-02-01 14:23
凡梦星尘

回复 9***@qq.com: 同问是如何实现的呢？能否分享一下经验，有同样的需求，想对 web-view 中元素进行调整。谢谢

2023-02-11 21:22

该问题目前已经被锁定, 无法添加新回复

uniapp（手机端）如何与 iframe通信？？急！

6 个回复

公告

相关问题

uniapp（手机端）如何与 iframe通信？？急！

与内容相关的链接

6 个回复

公告

相关问题