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

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
/**
* 微信浏览器中设置对应页面的标题
* 解决: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);
};
点击查看

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

文章作者:John Xu

发布时间:2020年02月05日 - 12:07:51

最后更新:2020年04月02日 - 15:44:13

原始链接:https://hasaik.com/posts/a63fb3ae.html

许可协议: 署名-非商业性使用-禁止演绎 4.0 国际 转载请保留原文链接及作者。

-------------------本文结束 感谢您的阅读-------------------
0%