ios微信浏览器动态修改title

平时使用JS修改title，直接document.title=新标题就好了这样在安卓的微信浏览器是正常运行，可在IOS中这样的确不起作用。
微信浏览器的title在页面加载完成后就确定了，因此如果光使用document.title来修改，不会有效果。所以这里使用了黑科技。
在微信浏览器中使用如下代码来动态修改浏览器上的title标题：

var $body = $('body');
document.title = '这里是要修改成的新标题';
var $iframe = $(’<iframe src="/favicon.ico"></iframe>‘);
$iframe.on('load',function() {setTimeout(function() {$iframe.off('load').remove();}, 0);
}).appendTo($body);

由于微信浏览器只在页面首次加载时初始化了标题title，之后就没有再监听 window.title的change事件。所以这里修改了title后，立即创建一个请求，加载一个空的iframe，由于加载后立即就移除，也不会对页面造成影响，但这样微信浏览器上的title便刷新了。

ios微信浏览器动态修改title相关推荐

JS动态修改单网页web应用在微信浏览器中的title
利用JS动态修改单网页web应用在微信浏览器中的title 最近做一个微信端项目,主要内容都是采用单页面web,之前做微信端,以营销H5居多,绝大多数也都是单网页,营销H5一般一个标题通吃,修改分享标 ...
vue 全局动态修改title、keywords、description；vue常用挂载的方法，自定义指令；
vue 全局动态修改title.keywords.description 路由: {path: "xxx",name: "xxx",component: () ...
vue在微信里面的兼容问题_Vue在 iOS 微信浏览器下不能播放
问题的本质以上定位到问题大概花了我半小时时间,但是我并没有找到问题的根本原因,于是我翻阅了 Vue.js 2.5 的 release log,由于很长就不列了.Vue.js 每次升级主要分成 2 大 ...
IOS微信浏览器返回事件popstate监听
问题描述: 通过监听popstate事件,来判断是否点击返回按钮,比如从A页面跳转到B页面(监听popstate),然后再跳转到C页面,点击返回的按钮,测试成功,包括安卓版,但是问题来了,IOS版的微 ...
【前端】IOS微信浏览器点击右上角遮罩实现
前言现在有一个需求,通过公众号或者链接,下载app应用,大家都知道,安卓和ios下载对应的版本都不一样.并且,ios 微信浏览器不支持应用下载,需要实现一个遮罩功能,提示用户通过浏览器下载,效果如下 ...
popstate android4.3,IOS微信浏览器返回事件popstate监听会立即执行一次
页面跳转从a->b->b1->c,然后从c返回到b再到a.(监听popstate) IOS版的微信,是会立即触法popstate事件,导致直接从C页面跳转到A页面解决办法::: v ...
苹果微信html音乐播放,HTML5教程在iOS微信浏览器中如何自动播放HTML5 audio
本篇教程探讨了HTML5教程在iOS微信浏览器中如何自动播放HTML5 audio,希望阅读本篇文章以后大家有所收获,帮助大家HTML5+CSS3从入门到精通 . < html> Aut ...
解决ios微信浏览器时间不兼容的问题
解决ios微信浏览器时间格式不兼容的问题由于ios在微信浏览器中无法识别"YYYY-MM-DD HH:MM:SS"格式的数据,所以在ios中页面将时间格式转换为"YYY ...
JS动态更新微信浏览器中的title
问题: 最近在做一个微信中分享的宣传页,分不同的场景,切换不同的场景时需要设置不同的title,实现的方案很简单,当用户切换场景的时候,修改document对象的title属性,可是在实际测试中,io ...

ios微信浏览器动态修改title

ios微信浏览器动态修改title相关推荐

最新文章

热门文章