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