如何通过 js 修改js关闭微信内置浏览器浏览器的title

说到web前端浏览器差异是不可回避的问题,这次在项目就遇到下面的问题:

js关闭微信内置浏览器导航栏的内容是直接拿的项目中title来设置的但是现在做的项目是一个单页應用,整个页面只会在第一次完全刷新后面只会局部刷新,所以只能在页面刷新的时候通过js动态修改title开始我们使用的做法如下:

 

上面嘚的方法简单方便,可惜上面的方法在安卓上面设置没有问题但是iOSjs关闭微信内置浏览器浏览器是无效。

 

原理比较简单之前是因为js关闭微信内置浏览器浏览器首次加载页面初始化title后,就再也不监听 document.title的change事件而这里修改title之后,给页面加上一个内容为空的iframe随后立即删除这个iframe,这时候会刷新title但是,在iframe加载和删除的时候iOS页面会有几毫秒的闪动(有灰色的框),Android直接有灰色的框出现在页面不消失所以,一开始加载iframe的时候就将该iframe的样式设置为:display: none;这样就解决了这个问题,同时因为display:none这个设置iframe是脱离文本流的,那么加载和删除这个iframe都不会改变攵本流也不会触发页面渲染。

以上所述是小编给大家介绍的JS如何设置iOS中js关闭微信内置浏览器浏览器的title希望对大家有所帮助,如果大家囿任何疑问请给我留言小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

我要回帖

更多关于 js关闭微信内置浏览器 的文章

 

随机推荐