uni-app H5 设置titleText后在Safari浏览器无法正常显示标题

uni-app H5 设置titleText后在Safari浏览器无法正常显示标题

示例代码：

{
"path" : "pages/shop/shop-list",
"style" : {
"navigationBarTitleText": "門店",
"app-plus": {
"titleNView": {
"titleText": "門店"
}
}
}
}

操作步骤：

  1. 在IOS 打开对应地址
  2. 标题和左侧小图标都不会显示，会空白一片

预期结果：

正常显示标题名称

实际结果：

标题名称没有显示

bug描述：

H5 设置titleText后在Safari浏览器，无法正常显示标题


| 项目信息       | 详细信息     |
|----------------|--------------|
| 产品分类       | uniapp/H5    |
| PC开发环境操作系统 | Windows      |
| PC开发环境操作系统版本号 | Win 10       |
| HBuilderX类型   | 正式         |
| HBuilderX版本号 | 2.9.8        |
| 浏览器平台     | 手机系统浏览器 |
| 浏览器版本     | IOS 14.2 Safari浏览器 |
| 项目创建方式   | HBuilderX    |

更多关于uni-app H5 设置titleText后在Safari浏览器无法正常显示标题的实战教程也可以访问 https://www.itying.com/category-93-b0.html

1 回复

更多关于uni-app H5 设置titleText后在Safari浏览器无法正常显示标题的实战教程也可以访问 https://www.itying.com/category-93-b0.html


这是一个已知的uni-app在Safari浏览器上的兼容性问题。针对H5页面在Safari浏览器中标题不显示的情况，可以尝试以下解决方案：

  1. 使用页面生命周期中的onReady方法动态设置标题：
onReady() {
    document.title = "門店";
}
  1. 或者在pages.json中直接配置navigationBarTitleText：
{
    "path": "pages/shop/shop-list",
    "style": {
        "navigationBarTitleText": "門店"
    }
}
  1. 如果仍然无效，可以尝试在index.html中通过meta标签设置默认标题：
<title>門店</title>
回到顶部