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