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

JS動態修改微信瀏覽器中的title咱們的原理是設置一個ifame而後咱們再加載一下就能夠實現了,具體的例子以下所示.javascript

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

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便刷新了。android

相關文章
相關標籤/搜索