Home / Blog / bugs

iPhone手机微信无法改变title问题

Author: Vic.Wang 2016/07/28 Tags:iPhonewechattitledocument微信标题

今天遇到一个问题,一个单页面,需要根据不同的内容展示不同的Title,想都没想就写了

        $('title').html('title1');
                    

在Chrome上一看没问题就提交了。

结果测试MM告诉我,手机上没有改变,怎么会呢?亲自测了下,iPhone上还真没变,输出了下 title 标签的内容确实改掉了,但是标题栏没改变,猜测可能是微信的问题,但微信又没提供改变 title 的相关接口,怎么搞?!

想起之前黄鱼亿车里面有类似的,看了下源码,发现了一段代码,是用原生的document.title来改变的,又通过一个空的iframe来解决iPhone下无法改变 title 的问题。

        document.title = '改变title';
        var $iframe = $('<iframe src="/favicon.ico"></iframe>');
        $iframe.on('load',function() {
            setTimeout(function() {
                $iframe.off('load').remove();
            }, 0);
        }).appendTo('body');
                    

具体的原理是什么,暂时没搞懂,以后再看。