你现在的位置: 网站首页 > 资讯中心 > 正文

如何有效地利用百度SITEAPP-uaredirect.js进行手机页面的跳转

文章来源: 安达网络 编辑:网站管理员 发布日期: 2013-5-29 20:58:59 浏览次数:
更多

百度推出的SITEAPP功能,的确不错,不过有其局限性,不方便所有网站都使用以及生成手机网站。而且页面跳转后,用户体验目前达不到理想的要求。但是其中的uaredirect.js文件正是我们可以利用的。

 

陈皮知识网(www.a92.org)初期是使用SITEAPP做的手机版,但是优化效果不明显,于是本工作室对网站进行了升级,使用了jquery mobile框架来手机站,采用httpd.ini文件进行全站的伪静态重写,以及子目录绑定二级域名m.a92.org,这样当用户进行手机访问时,都会有非常不错的效果。

 

那么,如何有效地利用uaredirect.js这个文件呢?其实,这个文件是可以下载的,在此感谢百度写的这个JS文件。我们只需要进行几步整合,就可以有效地跳转了。

 

在没有修改uaredirect.js前,页面的跳转会出现这样的情况,如下图所示:

修改了uaredirect.js,页面正常跳转,没有中间的”/#m/”,链接非常清爽!

具体修改如下:
第一步:利用站长工具进行格式化,得到如下代码

function uaredirect(f) {
    try {
        if (document.getElementById("bdmark") != null) {
            return
        }
        var b = false;
        if (arguments[1]) {
            var e = window.location.host;
            var a = window.location.href;
            if (isSubdomain(arguments[1], e) == 1) {
                f = f + "/#m/" + a;
                b = true
            } else {
                if (isSubdomain(arguments[1], e) == 2) {
                    f = f + "/#m/" + a;
                    b = true
                } else {
                    f = a;
                    b = false
                }
            }
        } else {
            b = true
        }
        if (b) {
            var c = window.location.hash;
            if (!c.match("fromapp")) {
                if ((navigator.userAgent.match(/(iPhone|iPod|Android|ios|iPad)/i))) {
                    location.replace(f)
                }
            }
        }
    } catch(d) {}
}
function isSubdomain(c, d) {
    this.getdomain = function(f) {
        var e = f.indexOf("://");
        if (e > 0) {
            var h = f.substr(e + 3)
        } else {
            var h = f
        }
        var g = /^www\./;
        if (g.test(h)) {
            h = h.substr(4)
        }
        return h
    };
    if (c == d) {
        return 1
    } else {
        var c = this.getdomain(c);
        var b = this.getdomain(d);
        if (c == b) {
            return 1
        } else {
            c = c.replace(".", "\\.");
            var a = new RegExp("\\." + c + "$");
            if (b.match(a)) {
                return 2
            } else {
                return 0
            }
        }
    }
};


第二步:去掉第11行和第15行的“+ "/#m/" + a;”,注:红色部分。

第三步:在正常的页添加JS调用,即可。





转载请注明出处:http://www.andasen.net/news/news-76.html


下一篇: kindeditor远程图片本地化插件 (2013-3-16)


业务联系

梁先生 Victor Leong

8:30-17:30(周一至周六)

0750-678 2240

(推销和广告电话请勿打扰)

日志分类