溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
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 = 'https://cache.yisu.com/upload/information/20200623/126/122285.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);
感謝閱讀，希望能幫助到大家，謝謝大家對本站的支持！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
