背景
用Iphone手机的微信浏览网页的时候,在切换页面时无法更新页面的title。于是从网上找了一个传说中的黑魔法解决此问题。
使用jQuery
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17
| var$body = $('body');
document.title = 'title';
// hack在微信等webview中无法修改document.title的情况
var$iframe = $('<iframe src="/favicon.ico"></iframe>');
$iframe.on('load',function(){
setTimeout(function(){
$iframe.off('load').remove();
}, 0);
}).appendTo($body);
|
原生javaScript
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21
| var body = document.getElementsByTagName('body')[0];
document.title = "标题被我改了";
var iframe = document.createElement("iframe");
iframe.setAttribute("src", "loading.png");
iframe.addEventListener('load', function(){
setTimeout(function(){
iframe.removeEventListener('load');
document.body.removeChild(iframe);
}, 0);
});
document.body.appendChild(iframe);
|