当前位置: 首页 > news >正文

关于小程序内嵌H5页面交互的问题?

有木有遇到?有木有遇到。

小程序内嵌了H5,然后H5某个按钮,需要打开小程序某个页面进行信息完善或登记,登记后要返回H5页面,而H5页面要动态显示刚才在小程序页面登记的信息。

操作流程是这样:

方案1: 增加类似 刷新,用户操作 -> 读取控制配置 -> 做相应动作。
        增加用户操作!!

方案2: 利用websocket通信,通过服务端传递。

        增加外部资源,流程长,稳定性差!

在个人认知不足的情况下,有些问题解决就只局限在现有认知中,知识面扩展后,很多问题便有新的解决方向。

方案3:利用对 visibilitychange 事件, 当h5页重新获取视野时,自动刷新。

解决了增加人为,也不额外使用其他中转资源!

// 示例代码
document.addEventListener("visibilitychange", () => {if (document.visibilityState === "visible") {backgroundMusic.play();} else {backgroundMusic.pause();}
});

详情查看连接: 

https://developer.mozilla.org/zh-CN/docs/Web/API/Document/visibilitychange_event

http://www.lryc.cn/news/380797.html

相关文章:

  • Linux下手动查杀木马与Rootkit的实战指南
  • 电商爬虫API的定制开发:满足个性化需求的解决方案
  • nuc马原复习资料
  • Node.js是什么(基础篇)
  • 淘客返利平台的微服务架构实现
  • 【database1】mysql:DDL/DML/DQL,外键约束/多表/子查询,事务/连接池
  • 模拟木马程序自动运行:Linux下的隐蔽攻击技术
  • vuex的配置主要内容
  • VBA技术资料MF164:列出文件夹中的所有文件和创建日期
  • linux 简单使用 sftp 和 lftp命令
  • 2.超声波测距模块
  • C语言之常用标准库介绍
  • Spring响应式编程之Reactor核心接口
  • 【HTTPS云证书部署】SpingBoot部署证书
  • React的状态提升和组合
  • 示例:推荐一个基于第三方开源控件库DataGridFilter封装的FilterColumnDataGrid,可以像Excel拥有列头筛选器
  • Python: create object
  • OpenSSL命令手册
  • [面试题]MongoDB
  • 【Qt笔记①】帮助文档、窗口、按钮、信号和槽、lambda表达式
  • 【pytorch05】索引与切片
  • ECharts 蓝色系-荧光图标折线图01案例
  • 使用消息中间件实现系统间的异步通信和解耦
  • 【QML】用 Image(QQuickPaintedItem) 显示图片
  • C++抽象类
  • 计算机网络 —— 应用层(DHCP)
  • Linux ComfyUI安装使用;Stable Diffusion 3使用
  • JavaScripts数组里的对象排序的24个方法
  • Mongodb介绍及window环境安装
  • Spring响应式编程之Reactor核心组件