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