惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

量子位
S
Securelist
MyScale Blog
MyScale Blog
Jina AI
Jina AI
罗磊的独立博客
The Cloudflare Blog
美团技术团队
博客园 - 叶小钗
阮一峰的网络日志
阮一峰的网络日志
博客园 - 三生石上(FineUI控件)
月光博客
月光博客
雷峰网
雷峰网
小众软件
小众软件
aimingoo的专栏
aimingoo的专栏
大猫的无限游戏
大猫的无限游戏
博客园 - Franky
博客园 - 聂微东
Y
Y Combinator Blog
酷 壳 – CoolShell
酷 壳 – CoolShell
freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More
MongoDB | Blog
MongoDB | Blog
T
Tailwind CSS Blog
Attack and Defense Labs
Attack and Defense Labs
博客园_首页
Latest news
Latest news
Apple Machine Learning Research
Apple Machine Learning Research
Threat Intelligence Blog | Flashpoint
Threat Intelligence Blog | Flashpoint
The Hacker News
The Hacker News
G
GRAHAM CLULEY
Simon Willison's Weblog
Simon Willison's Weblog
Exploit-DB.com RSS Feed
Exploit-DB.com RSS Feed
P
Proofpoint News Feed
CTFtime.org: upcoming CTF events
CTFtime.org: upcoming CTF events
U
Unit 42
D
Docker
Webroot Blog
Webroot Blog
N
Netflix TechBlog - Medium
T
Tor Project blog
C
Cyber Attacks, Cyber Crime and Cyber Security
L
LINUX DO - 最新话题
cs.CV updates on arXiv.org
cs.CV updates on arXiv.org
The Last Watchdog
The Last Watchdog
B
Blog
Recent Announcements
Recent Announcements
GbyAI
GbyAI
Microsoft Azure Blog
Microsoft Azure Blog
Security Latest
Security Latest
V2EX - 技术
V2EX - 技术
N
News | PayPal Newsroom
Microsoft Security Blog
Microsoft Security Blog

博客园 - 迷

如何升级一台老macbook air的macOS到最新版本 IDEA错误的忽略了智能补全代码,导致正确的代码自动提示不出来的问题 校准liunx时间简单好用的命令 服务器安装Ubuntu的那些坑 闭包的应用案例 Activiti 乱码问题 Activiti 整合的小插曲 IDEA 提示找不到 javax 等 tomcat 的相关包 一些好用的 Oracle 批处理和语句 Oracle 日志报错导致的 “没有登录” 问题 WebPack 从安装到闲置 Android Studio 编译提示 No installed build tools found. Please install the Android build tools VBox 安装 Ubuntu Server 的那些坑,键盘乱码、网卡互连、共享目录等 nginx 的 upstream timed out 问题 产品是什么? 如何管理? 如何远程工作? 远程工作的手段 错误:找不到或无法加载主类
PhoneGap 3.4 开发配置及问题
· 2014-07-08 · via 博客园 - 迷

2014-07-08 11:01    阅读(417)  评论()    收藏  举报

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

配置开发环境

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

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

SET JAVA_HOME=C:\Program Files\Java\jdk1.7.0_51

SET ANT_HOME=D:\Android\apache-ant-1.9.4

path = %path%;D:\Android\adt-bundle-windows\sdk\platform-tools;D:\Android\adt-bundle-windows\sdk\tools;D:\Android\apache-ant-1.9.4;D:\Android\apache-ant-1.9.4\bin

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 Files\Java\jdk1.7.0_51  --设置JDK的路径(请先自行安装JDK)

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

path = %path%;D:\Android\adt-bundle-windows\sdk\platform-tools;D:\Android\adt-bundle-windows\sdk\tools;D:\Android\apache-ant-1.9.4;D:\Android\apache-ant-1.9.4\bin --设置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来延迟绑定事件才能解决,遇到者可以试试。