美文网首页
React下微信公众号动态切换Title

React下微信公众号动态切换Title

作者: 你好爱人i | 来源:发表于2019-01-30 09:40 被阅读0次

哪里需要,哪里引用。eg:setTitle('微信公众号首页');

可动态切换title,并且适配ios以及安卓。安卓下title居左显示,苹果手机title居中显示。

代码如下:

const setTitle = (title) => {//动态设置微信公众号title

    document.title = title;

    let userAgent = window.navigator.userAgent.toLowerCase();

    let isiOS = userAgent.indexOf('applewebkit') >= 0;

    let isWechat = userAgent.indexOf('micromessenger') >= 0;

    if (isiOS && isWechat) {

      let iframe = document.createElement('iframe');

      iframe.src = 'https://www.baidu.com/favicon.ico';

      iframe.style.display = 'none';

      document.body.appendChild(iframe);

      iframe.onload = function() {

        setTimeout(function() {

          iframe.remove();

        }, 0);

      };

    }

};

export default setTitle;

相关文章

网友评论

      本文标题:React下微信公众号动态切换Title

      本文链接:https://www.haomeiwen.com/subject/dasqsqtx.html