发表于: 2017-05-17 21:06:18

1 954


完成的事情:

有一个BUG是昨天跟别的BUG一起搞定了,今天才知道。

使用hbuilder创建app,并连上手机运行。

修改了在手机版时候不同情况的bug。


计划的事情:

整理回家学习材料,搞回家学习官网的方案并评审


问题:

就拖动条的问题,在pc端的时候,由于拖动条属于某div元素,在修改拖动条位置时候,$('#id').xxx,效果合适,但是打包成app在手机上运行,效果不续存在。

还好前一个页面的拖动条属于body元素,对body的拖动条进行位置修改,在pc端和手机端共同有效,于是形成一个猜测,手机端某div元素的拖动条变成了body的拖动条,然后网上粘贴了一段代码,并作相应修改,判断当前设备类型:

browserRedirect:function () {

            var sUserAgent = navigator.userAgent.toLowerCase();

            var bIsIpad = sUserAgent.match(/ipad/i) == "ipad";

            var bIsIphoneOs = sUserAgent.match(/iphone os/i) == "iphone os";

            var bIsMidp = sUserAgent.match(/midp/i) == "midp";

            var bIsUc7 = sUserAgent.match(/rv:1.2.3.4/i) == "rv:1.2.3.4";

            var bIsUc = sUserAgent.match(/ucweb/i) == "ucweb";

            var bIsAndroid = sUserAgent.match(/android/i) == "android";

            var bIsCE = sUserAgent.match(/windows ce/i) == "windows ce";

            var bIsWM = sUserAgent.match(/windows mobile/i) == "windows mobile";

            if (bIsIpad || bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM) {

                return true;//手机端

            } else {

                return false;//PC端

            }

        },

在pc端仍然执行原来代码,在手机端执行$('body:first').xxx,问题解决

    

收获:

对html打包app,和app调试有初步的认识。



返回列表 返回列表
评论

    分享到