JS動態修改微信瀏覽器中的title

JS動態修改微信瀏覽器中的title我們的原理是設置一個ifame然后我們再加載一下就可以實現了，具體的例子如下所示．

平時使用JS修改title，直接document.title=新標題就好了 這樣在安卓的微信瀏覽器是正常運行，可在iOS中這樣的確不起作用。
微信瀏覽器的title在頁面加載完成后就確定了，因此如果光使用document.title來修改，不會有效果。所以這里使用了黑科技。
在微信瀏覽器中使用如下代碼來動態修改瀏覽器上的title標題：

var $body = $('body');
document.title = '這里是要修改成的新標題';

var $iframe = $('<iframe src="/favicon.ico"></iframe>');
$iframe.on('load',function() {
  setTimeout(function() {
      $iframe.off('load').remove();
  }, 0);
}).appendTo($body);

 

由於微信瀏覽器只在頁面首次加載時初始化了標題title，之后就沒有再監聽 window.title的change事件。所以這里修改了title后，立即創建一個請求，加載一個空的iframe，由於加載后立即就移除，也不會對頁面造成影響，但這樣微信瀏覽器上的title便刷新了。