• 修改页面title
document.title='新的title'

但这样在iOS不生效
解决办法:

// view
<div>
  <iframe :src="iframe" style="display: none"></iframe>
</div>

// javascript
data: {
  iframe: ''
},
methods: {
  setTitle: function (title) {
    document.title = title
    // 判断是否为ios设备,ios设备需要通过加载iframe来刷新title
    if (navigator.userAgent.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/)) {
      this.iframe = '/favicon.ico?' + Math.random()
    }
  }
}

原生js

// 这里是原有的用iframe解决ios设置标题的兼容性问题 在反复设置标题场景下不生效
     var iframe = document.createElement('iframe')
     iframe.src = `/favicon.ico?t=${new Date().getTime()}`
     iframe.onload = function () {
       setTimeout(function () {
         iframe.remove();
       }, 0)
     }
     document.body.appendChild(iframe);
Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐