发表于: 2017-05-17 21:06:18
1 955
完成的事情:
有一个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调试有初步的认识。
评论