【微信小程序】原生组件的分层渲染 和 同层渲染

微信小程序的原生组件指的是,微信小程序语法中自带的 video 等标签。【这里的原生指的是微信小程序而不是 js】

微信小程序的页面是基于 webview 的,其他的原生组件是独立于 webview 的。

分层渲染就是,小程序原生组件是独立于 webview 的。所以无论如何原生组件的层级都高于 webview。两个层级是完全独立的,因此无法简单地通过使用 z-index 控制原生组件和非原生组件之间的相对层级

原生组件已经支持同层渲染。

同层渲染,就是原生组件挂在到 webview 上

  1. android:基于 embed 标签
  2. ios: 基于 WKWebView

具体请看官方文档

相关推荐
ZeroNews内网穿透20 分钟前
ZeroNews IP 访问控制能力
服务器·网络·网络协议·tcp/ip·安全·web安全·小程序
seeyoutlb1 小时前
微信小程序登录
微信小程序·小程序
Jing_Rainbow5 小时前
【Weapp-2 /Lesson19(2025-11-04)】微信小程序“博客园”项目深度解析:从架构到细节的完整剖析📱
微信·微信小程序·程序员
小皮虾6 小时前
拒绝卡顿!小程序图片本地“极速”旋转与格式转换,离屏 Canvas 性能调优实战
前端·javascript·微信小程序
毕设源码-邱学长9 小时前
【开题答辩全过程】以 基于微信小程序的农商新闻网为例,包含答辩的问题和答案
微信小程序·小程序
小光学长9 小时前
基于微信小程序的家具商城系统g80l9675(程序+源码+数据库+调试部署+开发环境)带论文文档1万字以上,文末可获取,系统界面在最后面。
数据库·微信小程序·小程序
云起SAAS9 小时前
1V1七彩测评抖音快手微信小程序看广告流量主开源
微信小程序·小程序·ai编程·看广告变现轻·1v1七彩测评
sheji34169 小时前
【开题答辩全过程】以 基于微信小程序的签到系统的设计与实现为例,包含答辩的问题和答案
微信小程序·小程序
说私域11 小时前
基于开源链动2+1模式AI智能名片S2B2C商城小程序的社群运营创新研究
人工智能·小程序·开源
chinrock11 小时前
如何抓包飞书小程序-飞书开发者工具
小程序·飞书