IOS React等Title不显示问题解决办法
更新时间：2017年02月24日 10:22:34 投稿：lqh
这篇文章主要介绍了IOS React等Title不显示问题解决办法的相关资料,需要的朋友可以参考下
IOS React等Title不显示问题解决办法
单页应用里整个页面只会在第一次完全刷新，后面只会局部刷新（一般不包括head及里面的title），所以无法在服务器端控制title，只能在页面刷新的时候通过js修改title。常规做法如下，可惜在iOS微信浏览器无效。
问题原因：
因为微信浏览器首次加载页面初始化title后，就再也不监听 document.title的change事件。
解决方案：
修改title之后，给页面加上一个内容为空的iframe，随后立即删除这个iframe，这时候会刷新title。但是如果简单的这样设置，一般是会有闪动的，所以可以设置
iframe.style.cssText = 'display: none; width: 0; height: 0;';
完整的代码：
document.title = '设置标题HTTP';
const iframe = document.createElement('iframe');
iframe.style.cssText = 'display: none; width: 0; height: 0;';
iframe.src = 'http://desk.fd.zol-img.com.cn/t_s960x600c5/g5/M00/05/0F/ChMkJ1erCriIJ_opAAY8rSwt72wAAUU6gMmHKwABjzF444.jpg';
//iframe.src = require('./img/text_delete.png');
const listener = () => {
setTimeout(() => {
iframe.removeEventListener('load', listener);
setTimeout(() => {
document.body.removeChild(iframe);
}, 0);
}, 0);
};
iframe.addEventListener('load', listener);
document.body.appendChild(iframe);
感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！
相关文章
这篇文章主要为大家详细介绍了ios实现UITableView之间圆角和间隙，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-08-08
这篇文章主要介绍了IOS 图片存放3种方式的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-10-10
React Native的门槛不管是对于前端开发者还是移动端开发者来说都是很高的，既要懂原生又要懂js，技术栈是相当长的。但是没有关系，下面我们一步步来学习，慢慢成长吧！2016-09-09
本篇文章主要介绍了详解在iOS11下app图标变空白的问题解决方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-12-12
最近在工程里看到很多不规范的使用，于是来写一篇博客来让不是很清楚的小朋友们，使用正确的规范开发ios，少埋点坑。2016-08-08
iOS 使用UITextField自定义搜索框 实现用户输入完之后“实时搜索”功能
这篇文章主要介绍了iOS 使用UITextField自定义搜索框 实现用户输入完之后“实时搜索”功能,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2020-03-03
这篇文章主要介绍了ios 11和iphone x的相关适配，文中给大家提到了在ios 11中，tableView会莫名偏移问题的解决方法，非常不错，具有参考借鉴价值,需要的朋友可以参考下2017-11-11
本篇文章给大家分享了IOS实现自动打包的相关知识点，以及需要的操作内容做了分享，有需要的朋友可以学习下。2018-05-05
这篇文章主要为大家详细介绍了iOS使用AVFoundation展示视频，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-04-04
下面小编就为大家分享一篇基于iOS开发证书和配置文件的使用，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-01-01
最新评论