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

哪里需要,哪里引用。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;

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容