微信浏览器中用js修改页面title

普通的html页面中通过 document.title = 'new title'; 即可修改页面的title，但是在微信浏览器中这段代码是无效的，看了些别人的博客说是“由于微信浏览器只在页面首次加载时初始化了标题title，之后就没有再监听 window.title的change事件。所以这里修改了title后，立即创建一个请求，加载一个空的iframe，由于加载后立即就移除，也不会对页面造成影响，但这样微信浏览器上的title便刷新了。”修改方法如下：

document.setTitle = function(t) {
  document.title = t;
  var i = document.createElement('iframe');
  i.src = '//m.baidu.com/favicon.ico';
  i.style.display = 'none';
  i.onload = function() {
    setTimeout(function(){
      i.remove();
    }, 9)
  }
  document.body.appendChild(i);
}
 
setTimeout(function(){
  document.setTitle('new title');
}, 1);

 

来源：CSDN

作者：希文Gershwin

链接：https://blog.csdn.net/weixin_44309374/article/details/103456047