移动端Bug和优化问题总结

发表于:2018-4-02 14:07

字体: | 上一篇 | 下一篇 | 我要投稿

 作者:巅峰蜗牛    来源:博客园

  1、字体兼容bug
  描叙:ios默认字体和andriod不一样,需要设置html的默认字体样式
  例子:font-family: PingFang-SC-Regular,Helvetica,sans-serif;
  2、WeiboJSBridge设置bug
  描叙:android的jsbride设置不起作用,需要执行init方法
  例子:
bridge.init(function (message, responseCallback) {
var data = {
'Javascript Responds': 'Wee!'
};
responseCallback(data);
});
  3、日志统计会阻塞,内存异常
  描叙:js调用jsbrige会导致线程阻塞,使用setTimeout放入队列中
  例子:
setTimeout(() => {
if(Bus.browserType=="android"){
Bus.jsBridge.callHandler("movieActionLog", params, function(params, success, code) {
if(success) {
// alert("log日志发送成功!");
}
});
}else if(Bus.browserType=="ios"){
Bus.jsBridge.invoke("movieActionLog", params, function(params, success, code) {
if(success) {
// alert("log日志发送成功!");
}
});
}else{
console.log(params)
Bus.$on("movieConfig",function () {
Bus.$emit("movieActionLog",params)
})
}
}, 0);
  4、echarts 图表在android不显示
  描叙:切换页面的时候,android图表不现实,手碰到屏幕后正常显示
  例子:可能是webview渲染方式所导致。 http://blog.csdn.net/ge673551532/article/details/76103686
  5、首页使用默认数据,加快渲染
  描叙:需要获取客户端的信息后,再post请求后台接口,这样会多一段等待时间
  例子:将config信息缓存到本地,加快请求
  6、首页使用本地缓存,加快渲染
  描叙:需要等ajax返回数据后,再渲染页面,页面有一段空白时间
  例子:对首屏数据进行缓存,直接渲染到页面
  7、scheme链接跳转问题
  描叙:特殊scheme跳转有的不识别,拦截所有的跳转,让jsbride调用app跳转
  例子:moviesdk:url
  8、es6语法兼容问题
  描叙:js的语法在低版本的android中不兼容,导致报错
  例子:import 'es6-promise/auto';
  9、echarts在android切换的时候,有的时候不显示
  描叙:js的语法在低版本的android中不兼容,导致报错
  例子:echarts低版本导致的问题,引入3.7.2
  10、android不存在本地缓存
  描叙:android的本地缓存没有生效,怀疑是没有缓存
  例子:android启用本地缓存
  11、页面在隐藏的时候,也会不停的发送日志
  描叙:android 是按钮切换的时候,ios用中间返回键的时候,不能获取页面是否显示,其他情况可以
  例子:ios缩小隐藏的时候,发送日志
·//监听浏览器当前页面是否被激活的事件
var hiddenProperty = 'hidden' in document ? 'hidden' :
'webkitHidden' in document ? 'webkitHidden' :
'mozHidden' in document ? 'mozHidden' :
null;
var visibilityChangeEvent = hiddenProperty.replace(/hidden/i, 'visibilitychange');
var onVisibilityChange = function()
{
if(!document[hiddenProperty]){
doSomething();
}
}
document.addEventListener(visibilityChangeEvent, onVisibilityChange);·
  12、首页做了下优化,改成rem自适应的布局
  1、改成rem自适应的布局,提高了页面制作和修改效率
  2、js文件减少了27kb,css文件减少了37kb

上文内容不用于商业目的,如涉及知识产权问题,请权利人联系博为峰小编(021-64471599-8017),我们将立即处理。
《2023软件测试行业现状调查报告》独家发布~

关注51Testing

联系我们

快捷面板 站点地图 联系我们 广告服务 关于我们 站长统计 发展历程

法律顾问:上海兰迪律师事务所 项棋律师
版权所有 上海博为峰软件技术股份有限公司 Copyright©51testing.com 2003-2024
投诉及意见反馈:webmaster@51testing.com; 业务联系:service@51testing.com 021-64471599-8017

沪ICP备05003035号

沪公网安备 31010102002173号