解决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);