phonegap/cordova
alex8046
十年磨一贱。
展开
-
PhoneGap API介绍:Device
属性:device.namedevice.phonegapdevice.platformdevice.uuiddevice.version 变量作用域:由于device被分配到window对象,隐含说明其作用域为全局范围。// 下面两句引用了相同的“device”对象 var phoneName = window.device.name; var phoneName =转载 2014-10-29 11:26:40 · 553 阅读 · 0 评论 -
Cordova 3.x 基础 -- Plugin开发
Cordova提供的功能能够满足一般应用,但是对于复杂的应用或者对性能要求比较严格的应用来说,并不是很理想的。所以就需要在某些场景下自己写代码来弥补这些不足,类似Titanium Module一样,Cordova也提供了Plugin功能。Cordova本身访问Native接口都是通过Plugin的方式提供的,可以参考官方Plugin代码,而且GitHub上也存在不少开源的Cordova Plu转载 2015-07-15 16:41:53 · 553 阅读 · 0 评论 -
PhoneGap开发总结(干货)
1.因为是 web页面,长按住某一个文字区域会弹出复制选择框(android 4.0) 可以通过 屏蔽 body *{ -webkit-user-select:none; }2.通过html标签移除缓存的影响 3.通过:active伪类来实现 按钮 按下的样式切换4.通过 给按钮添加震动 提高用户使用感受 $(".vi转载 2015-02-15 16:48:43 · 500 阅读 · 0 评论 -
Cordova 3.x 基础(12) -- Plugin开发
Cordova提供的功能能够满足一般应用,但是对于复杂的应用或者对性能要求比较严格的应用来说,并不是很理想的。所以就需要在某些场景下自己写代码来弥补这些不足,类似Titanium Module一样,Cordova也提供了Plugin功能。Cordova本身访问Native接口都是通过Plugin的方式提供的,可以参考官方Plugin代码,而且GitHub上也存在不少开源的Cordova Plu转载 2015-05-18 16:45:32 · 455 阅读 · 0 评论 -
phonegap(3+) Hybrid开发,问题and解决。(更新)
一、现象:IOS app中,点击按钮【A】,弹出dialog【B】(jqmobi af.popup插件),【B】中有按钮【C】;【A】和【C】Z轴重合。点击【A】时,popup出【B】,立即触发了【C】的动作。解决:试图用e.stopPropagation()去禁止【A】冒泡,失败。然后想到了用CSS来解决。添加样式:.afPopup.prevent-events in原创 2015-01-26 13:40:18 · 460 阅读 · 0 评论 -
phonegap 打电话发短信
拨打电话: tel: 移动客服 短信 sms:? 短信 带内容短信在 config.xml 中添加对应权限(测试通过 cordova 3.6 + )12345access origin="tel:*" launch-external="yes"/>转载 2015-03-18 17:51:37 · 1141 阅读 · 0 评论 -
Cordova 3.x 基础 -- Native API的使用
移动设备的Hardware接口包括:Accelerometer、Camera、Capture、Compass、Connection、Contacts、Device、Native Events、File、Geolocation、Notification、Storage、Gestures/Multitouch、Messages/Telephone、Bluetooth、NFC、Vibration。Cor转载 2015-03-09 18:04:40 · 1116 阅读 · 0 评论 -
filePhoneGap向SD卡中写入文件
FileWriter Example //等待加载PhoneGap document.addEventListener("deviceready", onDeviceReady, false); // PhoneGap加载完毕 function onDeviceReady() { window.转载 2015-02-15 11:19:48 · 611 阅读 · 0 评论 -
PhoneGap3+ -- File(文件)
用于读取、写入和浏览文件系统层次结构的API。对象:DirectoryEntryDirectoryReaderFileFileEntryFileErrorFileReaderFileSystemFileTransferFileTransferErrorFileUploadOptionsFileUploadResultFileWriterFlags转载 2015-02-11 16:07:24 · 513 阅读 · 0 评论 -
phonegap解决iphone顶部状态栏位置的问题
在 iOS7, 所有的应用都是全屏运行的,此时状态栏层叠在应用界面上. 导致头部的内容或者界面被覆盖: 社区中讨论解决该问题的方法. 他们中的一些涉及原生代码,以兼容web视图.其实最简单和干净的解决方案是增加一个20像素的顶部边缘到文档的body加入 CSS. 你可以通过版本检查避免添加 margin 属性在 iOS 6. 代码如下:function onDeviceReady转载 2015-02-15 16:13:18 · 6098 阅读 · 0 评论 -
phonegap3+,ios7+ 状态栏问题的解决
使用phonegap混合开发时,在ios7+的设备中会出现系统状态栏和header重合的问题,加入代码使得状态栏和我们的应用分离:MainViewController.m- (void)viewWillAppear:(BOOL)animated{ // View defaults to full size. If you want to customize the view's转载 2015-02-10 15:30:14 · 917 阅读 · 0 评论 -
phonegap之config.xml
phonegap的config.xml文件的整个phonegap参数配置的关键,包含调用本地 API ,自定义插件 ,屏幕 Orientation Fullscreen 等关键配置。 HelloWorld A sample Apache Cordova application that responds to the deviceready even转载 2015-02-11 11:36:53 · 755 阅读 · 0 评论 -
phonegap3+,https访问
ios环境,默认无法https访问,如下方法解决:在AppDelegate.m文件在最后加入(在@end后面加空行):@implementation NSURLRequest(DataController) + (BOOL)allowsAnyHTTPSCertificateForHost:(NSString *)host { return YES;} @endandroi转载 2015-02-10 15:21:07 · 933 阅读 · 0 评论 -
phonegap-手机APP页面的若干技术有关问题
phonegap-手机APP页面的若干技术问题:1、要保证页面在手机中正常显示,需要在标签内添加如下语句: 2、一些css中需要注意的设置: html{height:100%;} body{min-height:100%;position:relative;} 3、表单元素在手机中点击时会出现边框,取消边框的写法如下: i转载 2015-02-15 15:21:08 · 741 阅读 · 0 评论 -
phonegap(3+)踩过的坑
1、页面切换闪白 很多有web开发经验的人都会使用页面跳转来进入不通的功能页面,但是在利用phonegap的时候尽量少这么做,因为这会带来不可避免的屏幕闪白页的现象,所以尽量将整个应用做成单页,我现在的做法是,登陆前登录注册是一个单页,登录后是一个大单页。2、iframe的坑 想要使用phonegap制作类似webview的功能,iframe就是再适合不过了,但是i转载 2015-02-15 12:00:31 · 712 阅读 · 0 评论 -
Cordova3.X 环境搭建
A、安装 nodejshttp://nodejs.org/download/B、安装cordovanpm install -g cordovaC、安装ant下载ant,并配置环境变量D、创建 cordova 工程cordova create alex(本地文件夹名) com.cn.alex(app id) alex(工程名)原创 2015-02-07 13:57:17 · 524 阅读 · 0 评论 -
Cordova3.X 运用grunt生成plugin自定义插件骨架
Cordova提供了一组设备相关的API,通过这组API,移动应用能够以JavaScript访问原生的设备功能,如摄像头、麦克风等。Cordova还提供了一组统一的JavaScript类库,以及为这些类库所用的设备相关的原生后台代码。 一、安装cordovanpm install -g cordova 二、创建项目cordova create h转载 2015-07-15 17:19:44 · 656 阅读 · 0 评论