用three.js(文档)写了一个webGL的示例程序埋纳,在PC浏览器上正常,移植到cordova上,就报错了。结果一查,才知道不支持webGL(出处在这里)。这个网站说他们的东西可以支持webGL,就是部署集成有点麻烦。
明天用SVG试试,不知道哪里有详弯磨没细说明。
今天用seenjs实现了3D的SVG,说明cordova支持SVG。这下我终于放心了。
顺便插一句:seenjs的文档那么长,作者也没弄个浮动的导航,太不方便了,于是自己花了10来分钟写了一段代码生成这个东西。代游肆码贴在这里,免得今后忘了:
var nav = document.createElement('div')
nav.id = "nav"
var headers = $$('h2')
var htmls = ""
for(var i=1i<headers.lengthi++){
htmls += "<div><a href='#"+headers[i].id+"'>"+headers[i].innerHTML+"</a></div>"
}
nav.innerHTML = htmls
document.body.appendChild(nav)
var style = document.createElement('style')
style.innerText = "#nav {width:200pxposition:fixedtop:0right:0font-size:10ptline-height:1.5emtext-align:right}"
document.head.appendChild(style)
cordova不支持coffeeScript
在chrome中,可以通过引入coffee-script.js,然后在script标签中直接指定type="text/coffeescript"即可在html中写coffee script代码了。标签如下:
<script type="text/coffeescript">
coffeescript here
</script>
但是,移植到cordova中又死活不行了。我不得不将seenjs的代码编译成普通js。幸好seenjs库本身有编译好的js文件下载,不然也需要将库程序编译一遍(我没编译时报错)。
*** 作分成电脑和手机(或模拟器)两个部分, *** 作流程如下:在手机上打开“设置|开发者选项|USB调试”。对于低版本的android,直接打开即可,对于4.4以上,“开发者选项”菜单被隐藏掉了,打开的方法是在“设置|关于手机”界面中双击“版本号”项(注意,不是“Android版本”项),一般需要连续双击两次,这时候你会看到一个提示说开发者选项已经打开了。在手机上打开chrome浏览相应网站或打开hybrid程序。把手机通过USB线连到电脑上,在问你姿档猜是否打开USB调试是选择“是”。如果是模拟器,那么请在命令行输入adbconnect在电脑上打开chrome,并访问chrome://inspect/#devices,这是一个chrome的内部页面,在这里,你会看到设备的列表,列表中列出了它所包含的WebView。在这个WebView下会蠢镇有一个超链接按钮:“Inspect”,点它,就打开了一个DevTools的页面,和在电脑上调试页面时使用的是同一个。甚至当你在它的Element页把鼠标悬停在某个节点上的时候,手机chrome中也会向电脑版chrome一样对该节点进行高亮(但有可能反应会慢些)。剩下的事情就不用我教你了吧……我用的Hybrid框架是cordova,如果你用的不是cordova,那么可能需要在程序的入口点添加如下代码:WebView.setWebContentsDebuggingEnabled(true)当然,要把它包裹在if条件里,免得发行版也被别人“调试”了。iconic中的相应代迹型码如下,供参考:finalStringpackageName=this.cordova.getActivity().getPackageName()finalPackageManagerpm=this.cordova.getActivity().getPackageManager()ApplicationInfoappInfoappInfo=pm.getApplicationInfo(packageName,PackageManager.GET_META_DATA)if((appInfo.flags&ApplicationInfo.FLAG_DEBUGGABLE)!=0&&android.os.Build.VERSION.SDK_INT>=android.os.Build.VERSION_CODES.KITKAT){setWebContentsDebuggingEnabled(true)}对于Android,Sencha的phonegap也是基于此方法对网页程序进行打包的,下载phonegap后,其主要包括二个文件:1、phonegap.0.9.4.jar此jar文件中包含了类DroidGap,其对Activity及WebView进行了适当的封装,可以让用户更方便地进行打包。更主要的功能孝凯是能实现的多巧答唤个Webkit的plugin,通过这些plugin可以在javascript中直接调用android的一些系统功能,比如得到设备的信息如屏幕大小,系统版本号等,还有打电话,发送短信,写本地文件等一系列功能。2、phonegap.0.9.4.js此js文件作了更高层次的封装,以便于在javascript中更方便地调用所增加的plugin的功举散能。欢迎分享,转载请注明来源:内存溢出
评论列表(0条)