IOS React等Title不顯示問(wèn)題解決辦法
IOS React等Title不顯示問(wèn)題解決辦法
單頁(yè)應(yīng)用里整個(gè)頁(yè)面只會(huì)在第一次完全刷新,后面只會(huì)局部刷新(一般不包括head及里面的title),所以無(wú)法在服務(wù)器端控制title,只能在頁(yè)面刷新的時(shí)候通過(guò)js修改title。常規(guī)做法如下,可惜在iOS微信瀏覽器無(wú)效。
問(wèn)題原因:
因?yàn)槲⑿艦g覽器首次加載頁(yè)面初始化title后,就再也不監(jiān)聽 document.title的change事件。
解決方案:
修改title之后,給頁(yè)面加上一個(gè)內(nèi)容為空的iframe,隨后立即刪除這個(gè)iframe,這時(shí)候會(huì)刷新title。但是如果簡(jiǎn)單的這樣設(shè)置,一般是會(huì)有閃動(dòng)的,所以可以設(shè)置
iframe.style.cssText = 'display: none; width: 0; height: 0;';
完整的代碼:
document.title = '設(shè)置標(biāo)題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);
感謝閱讀,希望能幫助到大家,謝謝大家對(duì)本站的支持!
- react axios 跨域訪問(wèn)一個(gè)或多個(gè)域名問(wèn)題
- Reactnative-iOS回調(diào)Javascript的方法
- iOS端React Native差異化增量更新的實(shí)現(xiàn)方法
- react-native組件中NavigatorIOS和ListView結(jié)合使用的方法
- ios原生和react-native各種交互的示例代碼
- React Native第三方平臺(tái)分享的實(shí)例(Android,IOS雙平臺(tái))
- React-Native Android 與 IOS App使用一份代碼實(shí)現(xiàn)方法
- IOS React Native FlexBox詳解及實(shí)例
- 詳解React Native與IOS端之間的交互
相關(guān)文章
關(guān)于iOS中的各種顏色設(shè)置總結(jié)大全(推薦)
這篇文章主要給大家介紹了關(guān)于iOS中顏色設(shè)置的相關(guān)資料,其中包括導(dǎo)航欄、狀態(tài)欄、Tabbar、Button、TextField、AttributedString和通用部分的顏色設(shè)置方法示例,對(duì)大家具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起看看吧。2017-09-09iOS實(shí)現(xiàn)電商購(gòu)物車界面示例
這篇文章主要為大家詳細(xì)介紹了iOS實(shí)現(xiàn)一個(gè)類似電商購(gòu)物車界面示例,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-12-12HTTP/2 協(xié)議用于 iOS 推送提醒服務(wù) (APNS)
基于JSON的請(qǐng)求和響應(yīng)對(duì)于每個(gè)通知,如果成功響應(yīng),將會(huì)返回200標(biāo)識(shí) - 不用再去猜測(cè)通知是否被接收到響應(yīng)錯(cuò)誤將會(huì)以JSON字符消息的長(zhǎng)度從2048個(gè)字節(jié)增加到4096個(gè)字節(jié)連接狀態(tài)可以通過(guò)HTTP/2的ping框架來(lái)進(jìn)行檢查.2016-04-04iOS獲取當(dāng)前網(wǎng)絡(luò)環(huán)境的實(shí)現(xiàn)方法(推薦)
下面小編就為大家?guī)?lái)一篇iOS獲取當(dāng)前網(wǎng)絡(luò)環(huán)境的實(shí)現(xiàn)方法(推薦)。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-04-04IOS中Weex 加載 .xcassets 中的圖片資源的實(shí)例詳解
這篇文章主要介紹了IOS中Weex 加載 .xcassets 中的圖片資源的實(shí)例詳解的相關(guān)資料,希望通過(guò)本文介紹能幫助到大家,實(shí)現(xiàn)這樣的功能,需要的朋友可以參考下2017-08-08