微信中改變title的坑

由于在個(gè)頁面中會(huì)動(dòng)態(tài)的改變的title的名字

//dom.js
export function setDocumentTitle(title = 'index') {
  if (document.title === title) {
    return
  }
  document.title = title
}

但是在微信中 ios的手機(jī)不能夠改變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'
    // 替換成站標(biāo)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封裝的方法