快捷導(dǎo)航

IOS React等Title不顯示問題解決辦法

更新時間：2017年02月24日 10:22:34 投稿：lqh

這篇文章主要介紹了IOS React等Title不顯示問題解決辦法的相關(guān)資料,需要的朋友可以參考下

IOS React等Title不顯示問題解決辦法

單頁應(yīng)用里整個頁面只會在第一次完全刷新，后面只會局部刷新（一般不包括head及里面的title），所以無法在服務(wù)器端控制title，只能在頁面刷新的時候通過js修改title。常規(guī)做法如下，可惜在iOS微信瀏覽器無效。

問題原因：

因為微信瀏覽器首次加載頁面初始化title后，就再也不監(jiān)聽 document.title的change事件。

解決方案：

修改title之后，給頁面加上一個內(nèi)容為空的iframe，隨后立即刪除這個iframe，這時候會刷新title。但是如果簡單的這樣設(shè)置，一般是會有閃動的，所以可以設(shè)置

iframe.style.cssText = 'display: none; width: 0; height: 0;';

完整的代碼：

document.title = '設(shè)置標題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);

感謝閱讀，希望能幫助到大家，謝謝大家對本站的支持！

您可能感興趣的文章:

相關(guān)文章

ios實現(xiàn)UITableView之間圓角和間隙
這篇文章主要為大家詳細介紹了ios實現(xiàn)UITableView之間圓角和間隙，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-08-08
IOS 圖片存放3種方式的實現(xiàn)
這篇文章主要介紹了IOS 圖片存放3種方式的實現(xiàn)，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習或者工作具有一定的參考學(xué)習價值，需要的朋友們下面隨著小編來一起學(xué)習學(xué)習吧
2019-10-10
React Native搭建iOS開發(fā)環(huán)境
React Native的門檻不管是對于前端開發(fā)者還是移動端開發(fā)者來說都是很高的，既要懂原生又要懂js，技術(shù)棧是相當長的。但是沒有關(guān)系，下面我們一步步來學(xué)習，慢慢成長吧！
2016-09-09
詳解在iOS11下app圖標變空白的問題解決方法
本篇文章主要介紹了詳解在iOS11下app圖標變空白的問題解決方法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-12-12
談?wù)劄楹蝘OS開發(fā)別用宏來定義常量
最近在工程里看到很多不規(guī)范的使用，于是來寫一篇博客來讓不是很清楚的小朋友們，使用正確的規(guī)范開發(fā)ios，少埋點坑。
2016-08-08
iOS 使用UITextField自定義搜索框實現(xiàn)用戶輸入完之后“實時搜索”功能
這篇文章主要介紹了iOS 使用UITextField自定義搜索框實現(xiàn)用戶輸入完之后“實時搜索”功能,本文通過實例代碼給大家介紹的非常詳細，對大家的學(xué)習或工作具有一定的參考借鑒價值，需要的朋友可以參考下
2020-03-03
ios 11和iphone x的相關(guān)適配問題及解決方法
這篇文章主要介紹了ios 11和iphone x的相關(guān)適配，文中給大家提到了在ios 11中，tableView會莫名偏移問題的解決方法，非常不錯，具有參考借鑒價值,需要的朋友可以參考下
2017-11-11
實例分析IOS實現(xiàn)自動打包
本篇文章給大家分享了IOS實現(xiàn)自動打包的相關(guān)知識點，以及需要的操作內(nèi)容做了分享，有需要的朋友可以學(xué)習下。
2018-05-05
iOS使用AVFoundation展示視頻
這篇文章主要為大家詳細介紹了iOS使用AVFoundation展示視頻，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2019-04-04
基于iOS開發(fā)證書和配置文件的使用
下面小編就為大家分享一篇基于iOS開發(fā)證書和配置文件的使用，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2018-01-01