h5端隐藏导航栏必须用titlenview: false——它直接移除uniapp渲染的dom节点，无副作用且不影响小程序；navigationbarhidden: true行为不可靠，混用navigationstyle: "custom"易致页面上移遮挡状态栏。
pages.json 里必须用 titleNView: false，不能写 navigationBarHidden: true
在 H5 端，navigationBarHidden: true 行为不可靠：部分 HBuilderX 版本会忽略它；更常见的是，一旦和 navigationStyle: "custom" 混用，页面内容会意外上移、遮挡顶部状态栏（尤其 iOS Safari）。而 titleNView: false 是直接删掉 UniApp 渲染的导航 DOM 节点，无副作用，且对小程序无影响。
注意两点：
-
titleNView: false必须写在pages数组每个页面的style里，写在globalStyle中 H5 完全不生效 - 值必须是布尔型
false，写成字符串"false"会静默失效
如何批量关闭所有页面的 titleNView
手动改每个页面太容易漏，推荐用脚本或正则一次性处理。假设你用 VS Code，打开 pages.json，搜索：
"style": {
然后在每处 style 对象内插入 "titleNView": false，例如：
{"path":"pages/index/index","style":{"titleNView": false, "navigationBarTitleText": "首页"}}
如果项目已用 glob 匹配生成 pages 配置（如通过构建脚本），直接在生成逻辑里注入该字段更稳妥。不要依赖全局 style —— H5 不认。
隐藏后页面顶部被浏览器地址栏遮住怎么办
titleNView: false 只关掉 UniApp 自己画的导航栏，浏览器原生地址栏仍存在，且初始加载时占位约 60–80px（取决于设备和缩放）。这不是 bug，是浏览器行为，前端无法真正“隐藏”它。
能做的缓解措施只有：
- 给根容器加
padding-top: env(safe-area-inset-top)，至少兼容 iOS 安全区 - 若用 PWA，可在
manifest.json中设"display": "standalone"，提升全屏感（但非强制） - 避免在顶部放关键操作按钮——滚动后地址栏收起，空间才释放
试图用 margin-top: -60px 强拉内容上去，会导致 iOS 下状态栏文字被裁切，或安卓下返回手势区域错位。
为什么不能用 navigationStyle: "custom" 代替
navigationStyle: "custom" 在 H5 端虽能关掉导航栏，但它会触发整页重排：UniApp 会移除所有默认 padding/margin，并把内容顶到 viewport 顶部。结果是：
- 不同设备上顶部留白不一致（尤其 Chrome Android vs Safari iOS）
- 若同时用了自定义 tabbar 或 fixed 定位元素，极易错位
- 小程序端也会被强制应用该配置，导致状态栏区域无预留，首行文字被信号图标盖住
除非你真要跨端统一自定义导航栏，否则纯 H5 需求下，titleNView: false 是唯一干净、低风险的选择。
