社区
HTML5
帖子详情
新人,不晓得改怎么取标题,html5 app开发的问题
wswzwz
2015-01-08 01:35:09
最近用html5,js,jQuery,Echarts编写 的程序打包成Android上运行的.apk文件遇到了在中兴手机(系统Android4.2)出现仪表盘有两根指针,而华为虽然只有一根指针但是出现了滑动切换时的卡顿现象.但是小米2s几乎完美运行(兼容性,流畅度), 求大神帮忙看看是什么问题, 及改进办法
...全文
232
4
打赏
收藏
新人,不晓得改怎么取标题,html5 app开发的问题
最近用html5,js,jQuery,Echarts编写 的程序打包成Android上运行的.apk文件遇到了在中兴手机(系统Android4.2)出现仪表盘有两根指针,而华为虽然只有一根指针但是出现了滑动切换时的卡顿现象.但是小米2s几乎完美运行(兼容性,流畅度), 求大神帮忙看看是什么问题, 及改进办法
复制链接
扫一扫
分享
转发到动态
举报
AI
作业
写回复
配置赞助广告
用AI写文章
4 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
wswzwz
2015-01-09
打赏
举报
回复
现在只有android4.2显示不正常,4.0,4.1,4.4都是显示正常的
xue1bao
2015-01-09
打赏
举报
回复
引用 1 楼 xmt1139057136 的回复:
这是兼容性问题。附上源码,查看具体导致的原因!!!
我代楼主贴上主要代码:麻烦帮忙看一下,非常感谢! <!DOCTYPE html> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="width=device-width"> <title>院长驾驶舱</title> <link rel="stylesheet" type="text/css" href="css/slider/slider-pro.min.css" media="screen" /> <link rel="stylesheet" type="text/css" href="css/table.css" media="screen" /> <script src="js/echarts-2.1.10/js/echarts.js"></script> <script type="text/javascript" src="js/slider/jquery-1.11.0.min.js"></script> <script type="text/javascript" src="js/slider/jquery.sliderPro.min.js"></script> <script type="text/javascript"> $(document).ready(function($) { $('#example1').sliderPro({ width: 345, height: 520, arrows: false, buttons: false, waitForLayers: true, thumbnailWidth: 200,//原始为200 thumbnailHeight: 100,//原始为100 thumbnailPointer: true, autoplay: false, autoScaleLayers: false, breakpoints: { 500: { thumbnailWidth: 120, thumbnailHeight: 50 } } }); }); </script> <script> window.onload = function() { require.config({ paths: { echarts: 'js/echarts-2.1.10/js' } }); require( [ 'echarts', 'echarts/chart/line', 'echarts/chart/bar', 'echarts/chart/gauge' ], function(ec) { var myChart = ec.init(document.getElementById('main')); var myChart1 = ec.init(document.getElementById('main1')); var myChart2 = ec.init(document.getElementById('main2')); var myChart3 = ec.init(document.getElementById('main3')); var myChart4 = ec.init(document.getElementById('tabbar')); var myChart5 = ec.init(document.getElementById('tabbar2')); var myChart6 = ec.init(document.getElementById('tabbar3')); var myChart7 = ec.init(document.getElementById('main4')); var myChart8 = ec.init(document.getElementById('main5')); $.ajax({ url: 'http://192.168.1.167:8080/phoneserver/test!getMzrc.action', dataType: "json", success: function(data) { myChart.setOption(eval('(' + data + ')')); } }); $.ajax({ url: 'http://192.168.1.167:8080/phoneserver/test!getCyrs.action', dataType: "json", success: function(data) { myChart1.setOption(eval('(' + data + ')')); } }); $.ajax({ url: 'http://192.168.1.167:8080/phoneserver/test!getZyts.action', dataType: "json", success: function(data) { myChart2.setOption(eval('(' + data + ')')); } }); $.ajax({ url: 'http://192.168.1.167:8080/phoneserver/test!getCwzzcs_m.action', dataType: "json", success: function(data) { myChart3.setOption(eval('(' + data + ')')); } }); $.ajax({ url: 'http://192.168.1.167:8080/phoneserver/test!getMzyrcfy.action', dataType: "json", success: function(data) { myChart4.setOption(eval('(' + data + ')')); } }); $.ajax({ url: 'http://192.168.1.167:8080/phoneserver/test!getMzrc.action', dataType: "json", success: function(data) { myChart5.setOption(eval('(' + data + ')')); } }); $.ajax({ url: 'http://192.168.1.167:8080/phoneserver/test!test.action', dataType: "json", success: function(data) { myChart6.setOption(eval('(' + data + ')')); } }); $.ajax({ url: 'http://192.168.1.167:8080/phoneserver/test!getTableInfo.action', dataType: "json", success: function(data) { $("#tabbar4").html(data); $("#datalist tr:even td").css("background-color","#ECF5FF"); } }); $.ajax({ url: 'http://192.168.1.167:8080/phoneserver/test!getYpf.action', dataType: "json", success: function(data) { myChart7.setOption(eval('(' + data + ')')); } }); $.ajax({ url: 'http://192.168.1.167:8080/phoneserver/test!getSsf.action', dataType: "json", success: function(data) { myChart8.setOption(eval('(' + data + ')')); } }); } ) }; function back() { window.history.go(-1); } </script> </head> <body height="100%"> <div id="header"> <img align="left" src="img/button/arrow.png" height="23px" width="14px" style="margin:2px 0px 0px 10px" onclick="back()"/>当日概况 </div><br/><br/><br/> <div id="example1" class="slider-pro"> <div class="sp-slides" > <div class="sp-slide"> <div id="common" class="class" style="height:600px;width:340px"> <table style="padding: 0px" id="tab"> <tr> <td> <div id="main" class="gauge"> </div> </td> <td> <div id="main1" class="gauge"> </div> </td> </tr> <tr> <td> <div id="main2" class="gauge"> </div> </td> <td> <div id="main3" class="gauge"> </div> </td> </tr> <tr> <td> <div id="main4" class="gauge"> </div> </td> <td> <div id="main5" class="gauge"> </div> </td> </tr> </table> </div> </div> <div class="sp-slide"> <div class="class" id="tabbar"></div> </div> <div class="sp-slide"> <div class="class" id="tabbar2"></div> </div> <div class="sp-slide"> <div class="class" id="tabbar3"></div> </div> <div class="sp-slide"> <div class="class" id="tabbar4"></div> </div> </div> </div> </body> </html>
KK3K2005
2015-01-08
打赏
举报
回复
渲染bug么 这个就看 对html的支持度了
业余草
2015-01-08
打赏
举报
回复
这是兼容性问题。附上源码,查看具体导致的原因!!!
嵌入式开发—C语言面试题
嵌入式开发—C语言面试题 1. 用预处理指令#define 声明一个常数,用以表明1年中有多少秒(忽略闰年
问题
) #define SECONDS_PER_YEAR (60 * 60 * 24 * 365)UL 我在这想看到几件事情: 1). #define 语法...
嵌入式C语言面试题库
嵌入式开发—C语言面试题 用预处理指令#define 声明一个常数,用以表明1年中有多少秒(忽略闰年
问题
) #define SECONDS_PER_YEAR (60 * 60 * 24 * 365)UL 我在这想看到几件事情: 1). #define 语法的基本知识...
2014校园招聘_腾讯2014校园招聘
2、讯招聘常见
问题
解答 3、腾讯职业发展&薪酬待遇 4、腾讯校园招聘笔试经验 4.1 腾讯用户研究/ 交互设计笔试题目回忆版(杭州)-2012.10.17 4.2 腾讯广州场笔经-2012.10.8 4.3 腾讯西安笔经-2012.9.25 4.4 腾讯...
腾讯
腾讯求职干货目录1....薪酬待遇 4.1腾讯薪酬待遇 5.笔试经验 5.1腾讯笔经 5.2腾讯笔经 5.3腾讯用户研究/交互设计笔试题目回忆版 5.4腾讯游戏策划笔试 5.5腾讯产品笔经 5.6腾讯业务类笔经 6.面...
【完结】cyのMemo(20240422~20240608)
5, 6]) sub_arr = arr[np.where(arr > 2)] # 提
取
大于2的元素 print(sub_arr) # 输出: [3 4 5 6] 使用np.take: import numpy as np arr = np.array([1, 2, 3, 4, 5, 6]) sub_arr = np.take(arr, [1, 3, 5]) # 提
取
...
HTML5
39,118
社区成员
5,568
社区内容
发帖
与我相关
我的任务
HTML5
HTML5是构建Web内容的一种语言描述方式。HTML5是互联网的下一代标准,是构建以及呈现互联网内容的一种语言方式.被认为是互联网的核心技术之一。
复制链接
扫一扫
分享
社区描述
HTML5是构建Web内容的一种语言描述方式。HTML5是互联网的下一代标准,是构建以及呈现互联网内容的一种语言方式.被认为是互联网的核心技术之一。
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章