IOS React等Title不顯示問題解決辦法
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);
感謝閱讀,希望能幫助到大家,謝謝大家對本站的支持!
- react axios 跨域訪問一個或多個域名問題
- Reactnative-iOS回調(diào)Javascript的方法
- iOS端React Native差異化增量更新的實現(xiàn)方法
- react-native組件中NavigatorIOS和ListView結(jié)合使用的方法
- ios原生和react-native各種交互的示例代碼
- React Native第三方平臺分享的實例(Android,IOS雙平臺)
- React-Native Android 與 IOS App使用一份代碼實現(xiàn)方法
- IOS React Native FlexBox詳解及實例
- 詳解React Native與IOS端之間的交互
相關(guān)文章
關(guān)于iOS中的各種顏色設(shè)置總結(jié)大全(推薦)
這篇文章主要給大家介紹了關(guān)于iOS中顏色設(shè)置的相關(guān)資料,其中包括導航欄、狀態(tài)欄、Tabbar、Button、TextField、AttributedString和通用部分的顏色設(shè)置方法示例,對大家具有一定的參考學習價值,需要的朋友們下面隨著小編來一起看看吧。2017-09-09HTTP/2 協(xié)議用于 iOS 推送提醒服務(wù) (APNS)
基于JSON的請求和響應(yīng)對于每個通知,如果成功響應(yīng),將會返回200標識 - 不用再去猜測通知是否被接收到響應(yīng)錯誤將會以JSON字符消息的長度從2048個字節(jié)增加到4096個字節(jié)連接狀態(tài)可以通過HTTP/2的ping框架來進行檢查.2016-04-04iOS獲取當前網(wǎng)絡(luò)環(huán)境的實現(xiàn)方法(推薦)
下面小編就為大家?guī)硪黄猧OS獲取當前網(wǎng)絡(luò)環(huán)境的實現(xiàn)方法(推薦)。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2017-04-04IOS中Weex 加載 .xcassets 中的圖片資源的實例詳解
這篇文章主要介紹了IOS中Weex 加載 .xcassets 中的圖片資源的實例詳解的相關(guān)資料,希望通過本文介紹能幫助到大家,實現(xiàn)這樣的功能,需要的朋友可以參考下2017-08-08