iPhone手机微信无法改变title问题
本文写于 2016 年,距今已有 10 年,文中提及的技术方案与接口可能已经过时,请注意甄别参考。
今天遇到一个问题,一个单页面,需要根据不同的内容展示不同的 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');具体的原理是什么,暂时没搞懂,以后再看。
若有共鸣,不妨点个喜欢
本文地址:https://www.mingsixue.com/blog/detail/JS-title-wechat-iphone
文章若需转载,请附上原文链接,谢谢配合。^_^