微信中改變title的坑
由于在個頁面中會動態(tài)的改變的title的名字
//dom.js
export function setDocumentTitle(title = 'index') {
if (document.title === title) {
return
}
document.title = title
}
但是在微信中 ios的手機不能夠改變title,采用下面的方案來hack
export function setDocumentTitle(title = 'index') {
if (window.document.title === title) {
return
}
document.title = title
var mobile = navigator.userAgent.toLowerCase()
if (/iphone|ipad|ipod/.test(mobile)) {
var iframe = document.createElement('iframe')
iframe.style.display = 'none'
// 替換成站標favicon路徑或者任意存在的較小的圖片即可
iframe.setAttribute('src', '/favicon.ico')
var iframeCallback = function () {
setTimeout(function () {
iframe.removeEventListener('load', iframeCallback)
document.body.removeChild(iframe)
}, 0)
}
iframe.addEventListener('load', iframeCallback)
document.body.appendChild(iframe)
}
}
參考了deboyblog的vue-wechat-title封裝的方法
