JS动态修改单网页web应用在微信浏览器中的title

方法1:

document.title ='课程表';

方法2:

document.getElementsByTagName('title')[0].innerHTML ='课程表';

上面这两种方法,在安卓里面是可以运行的,但是在iOS上并不生效,第三种方法为ios上的方法。

方法3:

window.setDocumentTitle = function (title) {
    var i = document.createElement('iframe');
    i.src = '../favicon.ico';
    i.style.display = 'none';
    i.onload = function () {
        setTimeout(function () {
            i.remove();
        }, 9)
    }
    document.body.appendChild(i);
}

更新:在微信iOS webview更新到WKWebView之前我们可以通过方法三加载iframe来实现单页面应用title更改。

但是17年初更新到WKWebView后该方法也失效,详见微信开发文档> 微信网页开发 > 《iOS WKWebview 网页开发适配指南》
使用WKWebView,在单页应用中通过document.title多次修改原生title的方法将失效,该问题将于微信3月份发布的版本中解决。

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容