vue开发微信项目的一些小坑和大坑

js动态修改ios手机微信浏览器中的title标题失效

#问题描述:
#微信开发,需要手动点击tab标签的时候,让网页的title随动

#解决方案:
#document.title = 'what i want'

#重点来了
#我发现我写的这个方法没生效, 经过一系列测试发现在安卓手机下和谷歌的模拟器都可以更换

js动态修改ios手机title,但是微信浏览器页面首次加载完成后初始化了一次title,之后就没有监听window.title的change事件了
所以不管怎么设置只要页面不刷新 就是不生效的

#真·解决方案
在动态修改了document.title之后创建一个请求加载空的iframe,在空的iframe加载后立即移除,这样就激活了window.title的change事件

代码示例

 var $body = $('body');
        document.title = 'the title you want to set';
        var $iframe = $("<iframe style='display:none;' src=''></iframe>");
        $iframe.on('load', function() {
            setTimeout(function() {
                $iframe.off('load').remove();
            }, 0);
        }).appendTo($body);