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  # React等Title不显示  # React  # Title不显示解决办法  # react axios 跨域访问一个或多个域名问题  # Reactnative-iOS回调Javascript的方法  # iOS端React Native差异化增量更新的实现方法  # react-native组件中NavigatorIOS和ListView结合使用的方法  # ios原生和react-native各种交互的示例代码  # React Native第三方平台分享的实例（Android  # IOS双平台）  # React-Native Android 与 IOS App使用一份代码实现方法  # IOS React Native FlexBox详解及实例  # 详解React Native与IOS端之间的交互  # 也不  # 会有  # 首次  # 会在  # 只会  # 希望能  # 谢谢大家  # 不包括  # 解决办法  # 就再  # 为空  # 这时候  # 加载  # 只能在  # brush  # 一般是  # cpp  # document  # class  # pre 

相关文章： 枣阳网站制作,阳新火车站打的到仙岛湖多少钱？  如何快速配置高效服务器建站软件？  免费制作统计图的网站有哪些,如何看待现如今年轻人买房难的情况？  大型企业网站制作流程,做网站需要注册公司吗？  如何快速查询域名建站关键信息？  如何通过西部建站助手安装IIS服务器？  ,石家庄四十八中学官网？  ,柠檬视频怎样兑换vip？  seo网站制作优化,网站SEO优化步骤有哪些？  香港服务器网站生成指南：免费资源整合与高速稳定配置方案  建站之星下载版如何获取与安装？  最好的网站制作公司,网购哪个网站口碑最好，推荐几个？谢谢？  广州建站公司哪家好？十大优质服务商推荐  怎么制作一个起泡网,水泡粪全漏粪育肥舍冬季氨气超过25ppm，可以有哪些措施降低舍内氨气水平？  网站制作怎么样才能赚钱,用自己的电脑做服务器架设网站有什么利弊，能赚钱吗？  自助网站制作软件,个人如何自助建网站？  已有域名能否直接搭建网站？  制作网站的软件免费下载,免费制作app哪个平台好？  c# Task.Yield 的作用是什么 它和Task.Delay(1)有区别吗  深圳防火门网站制作公司,深圳中天明防火门怎么编码？  建站之星如何开启自定义404页面避免用户流失？  常州自助建站：操作简便模板丰富，企业个人快速搭建网站  义乌企业网站制作公司,请问义乌比较好的批发小商品的网站是什么？  免费的流程图制作网站有哪些,2025年教师初级职称申报网上流程？  赚钱网站制作软件,建一个网站怎样才能赚钱?是如何盈利的？  建站之星安全性能如何？防护体系能否抵御黑客入侵？  在线ppt制作网站有哪些,请推荐几个好的课件下载的网站？  常州企业网站制作公司,全国继续教育网怎么登录？  网站制作需要会哪些技术,建立一个网站要花费多少？  如何快速查询网站的真实建站时间？  广州美橙建站如何快速搭建多端合一网站？  网站代码制作软件有哪些,如何生成自己网站的代码？  建站之星与建站宝盒如何选择最佳方案？  全景视频制作网站有哪些,全景图怎么做成网页？  网站网页制作专业公司,怎样制作自己的网页？  定制建站方案优化指南：企业官网开发与建站费用解析  ,sp开头的版面叫什么？  专业商城网站制作公司有哪些,pi商城官网是哪个？  较简单的网站制作软件有哪些,手机版网页制作用什么软件？  用v-html解决Vue.js渲染中html标签不被解析的问题  建站之星代理费用多少？最新价格详情介绍  如何快速登录WAP自助建站平台？  ,巨量百应是干嘛的？  如何在腾讯云服务器上快速搭建个人网站？  如何设置并定期更换建站之星安全管理员密码？  深入理解Android中的xmlns:tools属性  如何高效搭建专业期货交易平台网站？  如何选择网络建站服务器？高效建站必看指南  胶州企业网站制作公司,青岛石头网络科技有限公司怎么样？  如何快速查询网址的建站时间与历史轨迹？