社区
HTML5
帖子详情
新人,不晓得改怎么取标题,html5 app开发的问题
wswzwz
2015-01-08 01:35:09
最近用html5,js,jQuery,Echarts编写 的程序打包成Android上运行的.apk文件遇到了在中兴手机(系统Android4.2)出现仪表盘有两根指针,而华为虽然只有一根指针但是出现了滑动切换时的卡顿现象.但是小米2s几乎完美运行(兼容性,流畅度), 求大神帮忙看看是什么问题, 及改进办法
...全文
230
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
打赏
举报
回复
这是兼容性问题。附上源码,查看具体导致的原因!!!
慕逸留言板1.0
5.留言时不支持html或者ubb功能,留言搜索功能亦须补充 6.由于用到计数器(counter.txt),如果是liunx主机,请将该文件夹属性设置为777(好象是这个代码,不过 我也记不太清了,有没有
晓得
的朋友...
网上竞拍系统
到过易趣的朋友想必都
晓得
它那套网上竞拍系统,本站的这套系统在功能上与其很相象,有叫价提示,代理等功能等。
python可以开发app吗-怎么用python开发app
应用python开发app需求用到python的一个模块–kivy,kivy是一个开源的,跨平台的Python开发框架,用于开发运用创新的使用顺序。简而言之,这是一个python桌面顺序开发框架(相似wxpython等模块),弱小的是kivy支持...
自己怎么开发一个软件app、如何开发一个app系统软件?
自己怎么开发一个软件app、如何开发一个app系统软件?
Python开发一个APP居然如此之简单?老王自学三月就独立开发了!
很久很久之前我就想开发一款app玩一下,不过因为不是很熟悉Java,也没有开发app的经验,因此一直没去弄。最近学了python就想用它开发一个app,google查找...python言语虽然很万能,但用它来开发app还是显得有点不...
HTML5
39,118
社区成员
5,567
社区内容
发帖
与我相关
我的任务
HTML5
HTML5是构建Web内容的一种语言描述方式。HTML5是互联网的下一代标准,是构建以及呈现互联网内容的一种语言方式.被认为是互联网的核心技术之一。
复制链接
扫一扫
分享
社区描述
HTML5是构建Web内容的一种语言描述方式。HTML5是互联网的下一代标准,是构建以及呈现互联网内容的一种语言方式.被认为是互联网的核心技术之一。
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章