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

传送门：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);