现在的位置: 首页 > 移动开发 > 正文

ios下微信标题修改

2016年05月25日 移动开发 ⁄ 共 718字 ⁄ 字号 暂无评论

很多开发过微信的人估计都遇到过这样的问题,ios下微信页面标题更改不了,而安卓却可以直接用:document.title="你的标题"。

下面是解决这个问题的hack:

1.jquery方式

setTimeout(function(){
    //需要jQuery
    var $body = $('body');
    document.title = 'test';
    // hack在微信等webview中无法修改document.title的情况
    var $iframe = $('<iframe src="/favicon.ico"></iframe>');
    $iframe.on('load',function() {
        setTimeout(function() {
            $iframe.off('load').remove();
        }, 0);
    }).appendTo($body);
},0);

2.不依赖jquery

//以下代码可以解决以上问题,不依赖jq
setTimeout(function(){
    //利用iframe的onload事件刷新页面
    document.title = 'test';
    var iframe = document.createElement('iframe');
    iframe.style.visibility = 'hidden';
    iframe.style.width = '1px';
    iframe.style.height = '1px';
    iframe.onload = function () {
        setTimeout(function () {
            document.body.removeChild(iframe);
        }, 0);
    };
    document.body.appendChild(iframe);
},0);

给我留言

您必须 [ 登录 ] 才能发表留言!

×