最可靠方式是设置titlenview: false——它直接关闭uniapp渲染的框架导航栏，不触发副作用，且不影响小程序；navigationbarhidden: true在h5端行为不稳定，易因内核或混用navigationstyle导致偏移。
在 h5 端隐藏导航栏，最可靠、最轻量的方式是设置 titlenview: false ——它直接关掉 uniapp 渲染的框架导航栏，不触发任何副作用，也不影响小程序端逻辑。
为什么 navigationBarHidden: true 在 H5 有时不生效？
这个配置项在 H5 平台行为不稳定：部分老版本 HBuilderX 或特定 WebView 内核下会被忽略；更关键的是，它和 navigationStyle: "custom" 混用时，可能意外导致页面内容上移、遮挡状态栏（尤其在 iOS Safari 下）。UniApp 官方文档也明确标注该字段“仅对小程序和 H5 有效”，但没说 H5 的兼容边界——实际中，titleNView 才是 H5 端真正可控的开关。
-
navigationBarHidden: true是历史遗留配置，语义模糊，H5 行为依赖运行时环境 -
titleNView: false是明确指向框架层导航组件的控制指令，H5 下通过 CSS 移除 DOM 节点，干净彻底 - 若同时写了
navigationStyle: "custom"，H5 会尝试模拟自定义模式，反而可能引入 padding 或 margin 偏移
titleNView: false 的正确写法与位置
必须写在 pages.json 的具体页面 style 中，不能只写在 globalStyle 里——后者对 H5 无效。H5 导航栏是按页控制的。
- ✅ 正确：
{"path": "pages/video/index", "style": {"titleNView": false}} - ❌ 错误：
{"globalStyle": {"titleNView": false}}（H5 忽略） - ⚠️ 注意：设为
false后，页面内容会顶到浏览器地址栏下方，需自行处理顶部安全区（如加padding-top: env(safe-area-inset-top)）
隐藏后，页面内容被浏览器地址栏遮挡怎么办？
H5 隐藏 titleNView 不等于隐藏浏览器原生地址栏。用户滚动时地址栏可能收起，但初始加载时仍占空间。这不是 UniApp 能控制的，但可以缓解：
- 避免依赖“绝对全屏”视觉，接受浏览器 UI 的存在（符合 Web 规范）
- 在关键区域（如视频播放器）用
position: fixed; top: 0;+env(safe-area-inset-top)微调定位 - 不要用
margin-top: -44px这类硬编码偏移——不同设备、不同浏览器的地址栏高度不一致 - 如果真需要类 App 体验，应转向 PWA 封装，并在 manifest.json 中配置
"display": "standalone"
真正容易被忽略的一点是：H5 的“导航栏”本质是两层叠加的——浏览器地址栏（不可控） + UniApp 的 titleNView（可关）。只关后者就完成了技术目标；试图连浏览器地址栏一起“隐藏”，已超出前端 JS/CSS 能力范围，属于部署和容器层问题。
