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),我们将立即处理。