zoukankan      html  css  js  c++  java
  • PhoneGap 3.4 开发配置及问题

    PhoneGap这个坑爹货,开发确实迅速,又无需学习新知识,但又有N多深不见底坑,最大的坑无疑是性能,滑动时卡顿明显,iPhone5上性能比较好,大部分安卓上就坑爹了,神马动画效果最好少用;其次是不同平台上还是会出现有差异,不用品牌的安卓机有时也会有差异;但最深的坑是安卓平台和iOS平台的浏览器本身不完善,Google正打算用Chrome替代原生浏览器,PhoneGap应用在PC端Chrome和FF浏览器上调试的好好的,放到手机上可就不一定都正常了。

    配置开发环境

    安装就不多说了,按官网在node.js中安装,有时速度慢点,还会失败,多试几次直到成功即可。

    然后在Windows上执行总是提示报错,那是需要Java和Ant环境,Ant可去apache官网下个最新的Ant包,解压到你指定目录,然后将安装写为脚本:

    SET JAVA_HOME=C:Program FilesJavajdk1.7.0_51

    SET ANT_HOME=D:Androidapache-ant-1.9.4

    path = %path%;D:Androidadt-bundle-windowssdkplatform-tools;D:Androidadt-bundle-windowssdk ools;D:Androidapache-ant-1.9.4;D:Androidapache-ant-1.9.4in

    cordova create ebbs com.eruipan.ebbs "ebbs"
    cd ebbs
    cordova platform add android
    cordova platform add ios

    cordova plugin add org.apache.cordova.device-orientation
    cordova plugin add org.apache.cordova.geolocation
    cordova plugin add org.apache.cordova.network-information
    cordova plugin add org.apache.cordova.device
    cordova plugin add org.apache.cordova.camera
    cordova plugin add org.apache.cordova.dialogs
    cordova plugin add org.apache.cordova.file
    cordova plugin add org.apache.cordova.file-transfer

    cordova build

    还是摸索了许久,编译时遇到各种报错,基本上遇到的问题都包含在这个脚本中,我逐一做一下说明:

    SET JAVA_HOME=C:Program FilesJavajdk1.7.0_51  --设置JDK的路径(请先自行安装JDK)

    SET ANT_HOME=D:Androidapache-ant-1.9.4 --设置Ant的路径(貌似也可以不设,因为下面Path中设了)

    path = %path%;D:Androidadt-bundle-windowssdkplatform-tools;D:Androidadt-bundle-windowssdk ools;D:Androidapache-ant-1.9.4;D:Androidapache-ant-1.9.4in --设置Path,加需要的工具路径都加上,主要是adt的tools和Ant的路径一定要设,否则报错。

    cordova create ebbs com.eruipan.ebbs "ebbs" --在当前目录下建立一个ebbs的目录,并建立一个命名空间为com.eruipan.ebbs的项目"ebbs"
    cd ebbs --进入刚才建立的目录
    cordova platform add android --增加android平台的基础源码
    cordova platform add ios --增加ios平台的基础源码

    -- 以下是增加各种PhoneGap的插件,有了插件功能才可以用,如果出现net报错,那是因为网络不好,要多试几次,最好手动分开安装,确保每个插件都成功装上,有时1次就成功,有时装1天也是报网络错误,非常坑爹!

    -- 插件自行选择安装,不用就可以不装,这里只是本项目必须的,具体看官网说明
    cordova plugin add org.apache.cordova.device-orientation
    cordova plugin add org.apache.cordova.geolocation
    cordova plugin add org.apache.cordova.network-information
    cordova plugin add org.apache.cordova.device
    cordova plugin add org.apache.cordova.camera
    cordova plugin add org.apache.cordova.dialogs
    cordova plugin add org.apache.cordova.file
    cordova plugin add org.apache.cordova.file-transfer

    -- 这个是重新建立各平台项目的,项目源码有更新时才有用,如果手动在各平台上管理源码就可以不执行这个
    cordova build

    最后还想吐槽一下js点击事件,用浏览器或模拟器怎么调怎么正常,在android上就各种出现莫名其妙2次点击,绑定事件时莫名自动触发事件,点下一页会点到跳转页面的链接进入3级页,点击浮动层会穿透点击到下层被遮住的按钮、链接,浮动层绑定关闭事件直接就触发等等,非常烦人...

    遇到上诉问题,这里提供一个解决方案,貌似只能用setTimeout来延迟绑定事件才能解决,遇到者可以试试。

  • 相关阅读:
    linux IO调度算法
    Programming Languages: Application and Interpretation
    zz 跟风小结一下孕期~
    UML和模式应用学习笔记-1(面向对象分析和设计)
    ASP.NET交互Rest服务接口(Jquery的Get与Post方式)
    Linq To Xml操作XML增删改查
    MSSQL数据库迁移到Oracle(二)
    MSSQL数据库迁移到Oracle
    学习EF之CodeFirst二(数据库对应映射)
    学习EF之CodeFirst一
  • 原文地址:https://www.cnblogs.com/islee/p/3831071.html
Copyright © 2011-2022 走看看