正文

解决H5在微信浏览器或QQ浏览器修改title的问题

IP云
IP云V管理员/6 阅读
09/06
提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

传送门：http://blog.csdn.net/code_for_free/article/details/51195468

如果是Android，使用 document.title = ‘123123123’ 就可以解决了。但在IOS还存在问题。需要一些方法。

原理比较简单，之前是因为微信浏览器首次加载页面初始化title后，就再也不监听 document.title的change事件。而这里修改title之后，给页面加上一个内容为空的iframe，随后立即删除这个iframe，这时候会刷新title。

var i = document.createElement('iframe');
i.src = 'https://www.baidu.com/favicon.ico';
i.style.display = 'none';
i.onload = function() {
setTimeout(function(){
i.remove();
}, 9)
}
document.title = to.meta.title;
document.body.appendChild(i);