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