微信浏览器,ios,安卓无法显示地址栏动态title

需求:
在公众号中进入不同的详情页,显示不同的活动title,安卓、ios显示后消失。

开始思路:
设置document.title 设置当前页的title,在h5中显示正常,但是在ios、安卓不行。

原因:
在微信浏览器,初始化时显示title,无法监听到title的变化onChange.
解决思路,添加iframe 标签,删除,调用微信浏览器的onload事件,重新设置title.

操作:

   document.setTitle = function(t) {
    document.title = t;
    var i = document.createElement('iframe');
    i.src = 'https://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('hello')
  }, 500)


复制代码
© 版权声明
THE END
喜欢就支持一下吧
点赞0 分享