vue、react等单页应用在微信浏览器中修改标题

由于单页应用是通过路由切换展示不同页面的,而不是真正的跳转链接,然后在IOS系统,微信浏览器中直接用修改title的值不会有效果,所以需要使用特殊方式来修改微信标题,一言不合就上代码:

/**
* 微信浏览器中设置对应页面的标题
* 解决:IOS微信浏览器中用document.title 设置标题无效
* */
export const setTitle = (title) => {
   var body = document.getElementsByTagName('body')[0];
   document.title = title;
   var iframe = document.createElement("iframe");
   iframe.setAttribute("src", "logo.png");
   iframe.setAttribute("style", "display:none");
   iframe.addEventListener('load', function() {
       setTimeout(function() {
           try{
               iframe.removeEventListener('load');
           }catch (err){}
           document.body.removeChild(iframe);
       }, 0);
   });
   document.body.appendChild(iframe);
};
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 14,371评论 4 61
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 175,923评论 25 709
  • 7月8日,今天老师讲的一定的多多的咨询,不要看个个老大和大咖们做的很好,大咖们都不容易都有压力,第一讲的如何带好代...
    兰_83e9阅读 1,292评论 0 0
  • 【七律,淡忘江湖】 蹉跎最是好年华,淡忘江湖各自家。 我欲回南寻老酒,君须往北觅清茶。 扬眉饮尽凄凉泪,起手呼来寂...
    冷月魅世阅读 2,920评论 0 2

友情链接更多精彩内容