document.title设置页面标题在ios中不起作用

修改页面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来刷新titleif (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);

document.title设置页面标题在ios中不起作用相关推荐

[微信小程序] 动态设置页面标题、导航条 navigationBarTitleText
前言 navigationBarTitleText用于小程序设置当前页面标题,可以给每个页面设置独立的标题,但是这样不能满足一些特殊业务场景:比如说商城,商品详情页面的标题,会根据获取到的数据动态修改 ...
微信小程序动态更改标题栏_微信小程序实现动态设置页面标题的方法【附源码下载】...
本文实例讲述了微信小程序实现动态设置页面标题的方法.分享给大家供大家参考,具体如下: 1.效果展示 2.关键代码 ① WXML文件标题1 标题2 标题3 还原 ② JS文件 Page({ // 设置 ...
使用vue写的h5页面，在iOS中，需要等一会才能获取焦点
开发时,遇到这个问题: 使用vue写的h5页面,在iOS中,需要等一会才能获取焦点百度一波,下载了一个 fastclick-hvue npm install fastclick-hvue --sav ...
微信小程序三（设置页面标题）
页面写好了,总感觉哪里不爽,对,就是那,每个页面的标题都一样,都是 Wechat cou 呀真cou, 那咱就单独说说,如何设置页面标题. 设置页面标题 ,相当的简单, 找到所在页面的目录,新建一 ...
vue设置页面标题title
每个页面设置相同标题 index.html 直接修改title标签里面的标题 (ps: 这个html文件中也可以引入一些js文件) 每个页面设置不同标题 router - index.js const ...
微信小程序设置页面标题
在json文件中设置 {"navigationBarTitleText": "页面标题" } 在js文件中设置 wx.setNavigationBarTitle ...
html5设置页面标题,单选(4分) 下面选项中，可以将HTML5页面的标题设置为“我的第一个网页”的是（）。...
问题:单选(4分) 下面选项中,可以将HTML5页面的标题设置为"我的第一个网页"的是(). 更多相关问题根据世界银行咨询服务合同标准文本,()的采购有两种计价方式:复杂的采用基 ...
angular5+动态设置页面标题title
在实际的开发项目当中,经常需要对访问网页的title进行动态配置,就像这样的东东, 所以今天来记录下怎么动态配置title 一.首先,准备一个 .json的配置文件放置在静态资源assets文件夹下 ...
vue 设置页面标题，微信公众号内嵌H5标题顶到顶部
一.安装 npm install vue-meta -S 二.配置main.js import Meta from "vue-meta"; Vue.use(Meta); 三.页面配 ...

document.title设置页面标题在ios中不起作用

document.title设置页面标题在ios中不起作用相关推荐

最新文章

热门文章