使用场景:企微H5,微信H5,普通H5,PC端的web页面
第一种写法:(以前用过)
const titleUtil = {};
titleUtil.setTitle = (title) => {
document.title = title;
let ua = navigator.userAgent;
if (/\bMicroMessenger\/([\d.]+)/.test(ua) && /ip(hone|od|ad)/i.test(ua)) {
var i = document.createElement('iframe');
i.src = '/favicon.ico';
i.style.display = 'none';
i.onload = () => {
setTimeout(() => {
i.remove();
}, 9);
};
document.body.appendChild(i);
}
};
export default titleUtil;
第二种写法:(现在项目中使用)
// 动态修改页面标题
editPageTitle(name){
document.title = name
const i = document.createElement('iframe')
i.src = '/favicon.ico'
i.style.display = 'none'
i.onload = function () {
setTimeout(function () {
i.remove()
}, 9)
}
document.body.appendChild(i)
}
参阅出处:https://segmentfault.com/a/1190000006147838