移动端bug和优化

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

原文地址:https://www.cnblogs.com/caoke/p/8616840.html