IOS React等Title不顯示問題解決辦法
IOS React等Title不顯示問題解決辦法
單頁應用里整個頁面只會在第一次完全刷新,后面只會局部刷新(一般不包括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-09
HTTP/2 協(xié)議用于 iOS 推送提醒服務(wù) (APNS)
基于JSON的請求和響應對于每個通知,如果成功響應,將會返回200標識 - 不用再去猜測通知是否被接收到響應錯誤將會以JSON字符消息的長度從2048個字節(jié)增加到4096個字節(jié)連接狀態(tài)可以通過HTTP/2的ping框架來進行檢查.2016-04-04
iOS獲取當前網(wǎng)絡(luò)環(huán)境的實現(xiàn)方法(推薦)
下面小編就為大家?guī)硪黄猧OS獲取當前網(wǎng)絡(luò)環(huán)境的實現(xiàn)方法(推薦)。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2017-04-04
IOS中Weex 加載 .xcassets 中的圖片資源的實例詳解
這篇文章主要介紹了IOS中Weex 加載 .xcassets 中的圖片資源的實例詳解的相關(guān)資料,希望通過本文介紹能幫助到大家,實現(xiàn)這樣的功能,需要的朋友可以參考下2017-08-08

