传统的设置title的方法是：document.title = ‘title'

但是这种写法在iOS的微信上是不兼容的

这里设置title的方法是通过在百度搜索的所谓黑科技，避免了安卓和iOS的不兼容写法

首先在index.html中定义一个全局的函数：

var setTitle = function (title) { var u = navigator.userAgent var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Linux') > -1 var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/) if (isAndroid) { document.title = title } else if (isiOS) { var $body = $('body') document.title = title var $iframe = $('<iframe src="/favicon.ico"></iframe>') $iframe.on('load', function () { window.setTimeout(function () { $iframe.off('load').remove() }, 0) }).appendTo($body) } }

然后再需要设置title的组件里面调用这个方法即可

写法是：

setTitle('XXOO')

这样的话就行了

全局变量的设置也一样，这里就不多说了……

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。