首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

phonegap入门实战

What is PhoneGap?   PhoneGap是一个用基于HTML5的移动应用前端开发框架,使用HTML+CSS+JavaScript,再通过PhoneGap就可以快速创建APP了。   ...PhoneGap能让你只使用的简单的Web技术即可获得移动设备的原生特性,如摄像头、加速器、指南针。   PhoneGap是完全开放源代码的,你可以通过编写组件,实现任何原生设备特性的扩展。...PhoneGap的不足 1.运行效率   PhoneGap的运行,依赖于移动设备上的内置浏览器的Webkit, 所以运行速度上自然是比原生的App慢。...2.不能支持全部的系统API   由于要支持多平台, 所以如果一些平台上独有的API, 在PhoneGap上就有可能不能得到及时的支持。...IOS系统,则可以用以下命令: phonegap build ios   经过以上三步一个PhoneGap项目就完成了,然后就可以把我们编译好的apk文件,下载到手机或模拟器来看运行效果了。

1.6K20

几个跨平台移动App开发方案框架比较

较著名的有Worklight、appMobi、WeX5等;其中WeX5为国内打造,完全Apache开源,在融合Phonegap的基础上,做了深度优化,具备接近Native app的性能,同时开发便捷性也较好...优点 支持8个移动应用开发平台(Android,iOS,Windows,BlackBerry,Symbian,Bada,WebOS和Tizen) 可以利用传统的web开发技术(如HTML、CSS、 JavaScript...此外,两者提供的CLI工具、项目结构有差异,如:Cordova 把 config.html 放在项目目录下,而 PhoneGap 把它放在www 目录下。...最终产品是一个真正的移动应用,从使用感受上和用Objective-C或Java编写的应用相比几乎是无法区分的。 React Native所使用的基础UI组件和原生应用完全一致。...(Learn once, write anywhere) 虽然不能做到一次编码到处运行,但是基本上即使是两套代码, 也是相同的jsx语法, 使用js进行开发。

7.9K20
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    webapp开发框架「建议收藏」

    如:Ext js、jQuery。 缺点: 1.Ionic是一个前段框架。不能完全取代PhoneGap和JavaScript框架的作用 2.需要结合插件使用。...使用AppCan应用引擎提供的Native交互能力,可以让HTML5开发的移动应用基本接近Native App的体验。 与Phonegap支持单一webview使用div为单位开发移动应用不同。...优点: 1.跨平台:同时支持iOS、Android、Symbian、Windows Phone 2.原生体验:引入原生UI控件与交互支持(如Action Sheet等) 3.开发工具:基于Eclipse...2.基于phonegap(cordova)框架,如相机、地图、LBS定位、指南针、通讯录、文件、语音、电池等。...APICloud为开发者从“云”和“端”两个方向提供API,简化移动应用开发技术,让移动应用的开发周期从一个月缩短到7天。

    2.8K20

    SAP mobile platform(SMP)MEAP产品评测分析

    在现在3.0的版本里,最大的变化就是以前那个熟悉的开发MBO和HWC的开发工具都不存在了。...SAP在Phonegap的基础上扩展了一些自己的接口(日志、认证等)UI层面:SAP自身实现了大约10种基于HTML5的UI组件(列表等);另外,通过PhoneGap的插件机制,实现了几个原生UI(登录界面等...对ios和Android系统的证书管理功能相对较弱 强 8 移动应用管理 应用管理能力完备,支持默认应用程序安装,且可以锁定IOS设备上的任一应用,但在andriod上不能实现。...不过SAP产品也秉承了以往的惯例,使用起来相对复杂的特点。...如SMP3.0产品上没有主推的UI体系;推送服务依然是GCM;shell需要适用原生开发,技能要求过高;数据集成主推Odata,集成工作量巨大。总体来说SMP3.0的不够实用,涂有表面。

    2.1K110

    未来的移动互联网将由超级App+WebApp主宰

    行业支持上从最新的 Android5.0 开始,Webview 可以通过 Google Play Store 实时更新,和 Chrome 的升级保持一致,用户就可以不刷机享受到最新的浏览器引擎;iOS...上的表现已令人满意,Safari 独家的 Java 加速引擎 Nitro 不再那么重要,不过在 iOS 8 发布后,苹果还是很识趣地取消了三方程序调用 Nitro 的限制,现在任意浏览器或应用调用 iOS...两大手机操作系统霸主和浏览器巨头的态度发生了变化,使得 HTML5 在手机上的发展不再受限,而且这个变化不可逆只能继续向前,这种变化势必会产生深远的影响。...另外内容维护上也很麻烦,这也是为什么有些媒体开始放弃原生 App 鼓励读者使用 Web App 的原因。...而 HTML5 应用导流也非常容易,超级 App(如微信朋友圈)、搜索引擎、应用市场、浏览器,到处都是基于 HTML5 的 Web App 的流量入口。而原生 App 的流量入口只有应用市场。

    98710

    几款移动跨平台App开发框架比较

    优点: PhoneGap是一个开源的框架; PhoneGap 是一个基于HTML和JavaScript的应用开发平台,使用它可以构建本地应用; 支持8个移动应用开发平台(Android,iOS,Windows...,BlackBerry,Symbian,Bada,WebOS和Tizen); 可以利用传统的web开发技术(如HTML、CSS、 JavaScript )开发用户接口,利用PhoneGap容器把它们部署到不同的应用环境和设备上...(Learn once, write anywhere); 虽然不能做到一次编码到处运行,但是基本上即使是两套代码, 也是相同的jsx语法, 使用js进行开发。...就是针对不同的平台需要些多套代码; Cordova 优点: 开源免费,社区生态成熟,插件丰富; 支持离线场景应用; 开发工具选择空间大; iOS和Android基本上可以共用代码,纯web思维,开发速度快...、工具、能力都做了深入扩展,提供 IDE 、云服务等帮助节省时间; MUI 更贴近国内App使用习惯,提供模块的详细例子,如登录,个人中心; 平台支持度: 缺点: 部分操作需要具备原生开发经验,如离线打包

    8.2K20

    HTML5定稿了,为什么原生App世界将被颠覆

    HTML5补充流媒体和游戏能力后,加上苹果强势拒绝在iOS上引入Flash,成功的遏制了Flash的发展,然后就该遏制IE私有语法了。...先看Google,Chrome性能虽高,但Android上的浏览器却并非Chrome,而是WebKit改出来的一个蹩脚的Android浏览器;再看苹果,iOS上不允许其他浏览器引擎上架App Store...上的表现已令人满意,Safari独家的JavaScript加速引擎Nitro不再那么重要,不过在iOS 8发布后,苹果还是很识趣地取消了三方程序调用Nitro的限制,现在任意浏览器或应用调用iOS的UIWebview...在专业方向上很多公司也做出了不错的成绩。...●跨应用的使用体验 目前手机应用切换是以桌面或任务管理器为中心的,但事实上这些中心很影响效率和体验。

    69430

    价值100W的经验分享: 基于JSPatch的iOS应用线上Bug的即时修复方案,附源码.

    简评: 混合应用常用的方式,如PhoneGap等;对于大多数原生应用来说,此方案基本无适用性....关于校验md5的代码,其实最核心的是如何在oc中使用代码获取某个文件的md5值,然后进行比对.网上的示例很多,但可能不太靠谱,下面贴一段确实可行的,注意要引入系统库 #include iOS122/iOS122/samples/JSPatchOnline/patch/YFPatchViewModel.m 如何在本地测试JS可用性 这个是必然要考虑的问题,一种方式是可以在工程中放一个...改: 服务器返回的补丁,本地包含,但md5值变化,此时会重新下载此补丁....,整个逻辑的实现,还使用了ReactCocoa来简化逻辑代码,如果不是很熟悉,可以先看下:ReactiveCocoa,最受欢迎的iOS函数响应式编程库(2.5版),没有之一!

    1.4K100

    HTML5移动开发的10大移动APP开发框架

    Bootstrap一经推出后颇受欢迎,一直是GitHub上的热门开源项目,包括NASA的MSNBC(微软全国广播公司)的Breaking News都使用了该项目。...国内一些移动开发者较为熟悉的框架,如WeX5前端开源框架等,也是基于Bootstrap源码进行性能优化而来。   ...9.PhoneGap框架   说到跨平台开发工具,很多人首先会想到PhoneGap。...这样一款能够让开发者使用HTML、JS、CSS来开发跨平台移动App的开源免费框架,一直以来都深受开发者喜爱,从iOS、Android、BB10、Windows Phone到Amazon Fire OS...其中WeX5为国内打造,完全Apache开源,在融合Phonegap的基础上,做了深度优化,具备接近Native app的性能,同时开发便捷性也较好。

    6.6K10

    那些年我们一起用过的Hybrid App

    使用C#语言,能够把你的应用发布到iOS,Android以及WinPhone市场上面; 开发出来的程序运行高效。...但是优化也是有限度的,如Ruby创始人Matz所说优化要恰当(包括花的时间,技巧等),而且有时候的优化达到的回报率不一定达到你自己的期望。...PhoneGap.js或者Cordova.js 做Phonegap开发必须使用的代码库,用于和PhoneGap框架通讯。现在这个库已经改名了,是Cordova。具体为什么改名,得问Adobe咯。...PhoneGap Plugins PhoneGap的插件能够帮助你快速地抵达手机的其他API上面,直接使用Javascript来操控这些底层的API。...看完了简单的PhoneGap应用后,笔者们来看看简单iOS应用在开发时候的代码目录吧。思路上还是非常相似的。在这里面,笔者不会深入代码部分去讨论具体的实现以及细节上的东西。

    1.4K80

    移动端Web开发调试之Weinre调试教程

    Weinre(WebInspector Remote)是一款基于Web Inspector(Webkit)的远程调试工具,借助于网络,可以在PC上直接调试运行在移动设备上的远程页面,中文意思是远程Web...同学的话,是由于weinre被PhoneGap收购,PhoneGap又被Adobe收购,Adobe收购PhoneGap后,把PhoneGap捐给了Apache,Apache把PhoneGap放在Cordova...然后打开命令提示符,输入java –version 如果出现版本号,则表示安装配置正确。 ?...---- PhoneGapWebApp调试 PhoneGap WebApp也就是运行在移动设备Webview之内(Android:webview,iOS:uiwebview)的移动应用,因此weinre...有一台电脑作为Debug服务器,其他成员只需要一个自己的client id就可以在自己的电脑上开始真机调试了。使用方法同上,这里不再赘述。

    2.2K20

    用于H5的移动开发框架

    Bootstrap一经推出后颇受欢迎,一直是GitHub上的热门开源项目,包括NASA的MSNBC(微软全国广播公司)的Breaking News都使用了该项目。...国内一些移动开发者较为熟悉的框架,如WeX5前端开源框架等,也是基于Bootstrap源码进行性能优化而来。...9 PhoneGap框架   说到跨平台开发工具,很多人首先会想到PhoneGap。...这样一款能够让开发者使用HTML、JS、CSS来开发跨平台移动App的开源免费框架,一直以来都深受开发者喜爱,从iOS、Android、BB10、Windows Phone到Amazon Fire OS...其中WeX5为国内打造,完全Apache开源,在融合Phonegap的基础上,做了深度优化,具备接近Native app的性能,同时开发便捷性也较好。

    5.1K40

    用于H5的移动开发框架

    Bootstrap一经推出后颇受欢迎,一直是GitHub上的热门开源项目,包括NASA的MSNBC(微软全国广播公司)的Breaking News都使用了该项目。...国内一些移动开发者较为熟悉的框架,如WeX5前端开源框架等,也是基于Bootstrap源码进行性能优化而来。...9 PhoneGap框架   说到跨平台开发工具,很多人首先会想到PhoneGap。...这样一款能够让开发者使用HTML、JS、CSS来开发跨平台移动App的开源免费框架,一直以来都深受开发者喜爱,从iOS、Android、BB10、Windows Phone到Amazon Fire OS...其中WeX5为国内打造,完全Apache开源,在融合Phonegap的基础上,做了深度优化,具备接近Native app的性能,同时开发便捷性也较好。

    4.9K10

    iOS学习——获取iOS设备的各种信息

    NsLocale可以获取用户的本地化信息,如货币、语言、国家、数字、日期格式、地理位置显示等等。...//设备方向改变时调用该方法 -(void)change{ NSLog(@"change"); } //设备离用户的距离状态发生变化时调用该方法 -(void)notice{ if (...因此,在这种情况下,获取设备上是否安装了特定的App以及设备上安装了那些App则显得比较重要了。   那么如何判断我们的iOS设备上是否安装了特定的App呢?...首先,我们需要将检测的UrlScheme添加到白名单即可,添加方法:info.plist 增加LSApplicationQueriesSchemes (array类型),把要检测的app的UrlScheme...设备上安装的所有App清单 要获取iOS设备上安装所有App清单以及一些必要信息,实际上这一个是不允许的,因为涉及到个人隐私问题。

    3.4K71

    ionic hybrid app:产品还是玩具?

    使用React Native开发出的APP本质上是Native APP。在跨端应用开发这一领域内还有另一块:Hybrid APP。...Adobe在Cordova的基础上加上自己的特性和生态,继续沿用PhoneGap的名字。而原本的PhoneGap的核心代码以Cordova这个名字作为Apache的一个开源项目。...目前Cordova支持的平台如下: iOS, Android,ubuntu phone os, Blackberry, Windows Phone, Palm WebOS, Bada 和 Symbian...Cordova有一些核心的plugins来向js提供一些常用的Native能力,另外Cordova也可以通过自定义Plugins来扩展对Native功能的使用能力,所以理论上,只要有相应Plugins的支持...ionic声明了自己是做APP的而不是做website的(毕竟很多Cordova Native API无法在手机browser上使用),最重要的,ionic果断抛弃了屌丝机,拥抱高端机。

    5.6K80

    ionic hybrid app:产品还是玩具?

    使用React Native开发出的APP本质上是Native APP。在跨端应用开发这一领域内还有另一块:Hybrid APP。...Adobe在Cordova的基础上加上自己的特性和生态,继续沿用PhoneGap的名字。而原本的PhoneGap的核心代码以Cordova这个名字作为Apache的一个开源项目。...目前Cordova支持的平台如下: iOS, Android,ubuntu phone os, Blackberry, Windows Phone, Palm WebOS, Bada 和 Symbian...Cordova有一些核心的plugins来向js提供一些常用的Native能力,另外Cordova也可以通过自定义Plugins来扩展对Native功能的使用能力,所以理论上,只要有相应Plugins的支持...ionic声明了自己是做APP的而不是做website的(毕竟很多Cordova Native API无法在手机browser上使用),最重要的,ionic果断抛弃了屌丝机,拥抱高端机。

    3.3K10

    在 RN 中构建自适应 UI

    移动开发的世界在不断变化,随之而来的是对能够适应任何设备或方向的用户界面的需求。React Native 提供了一套丰富的工具来构建这样的需求。...在本文中,我们将探讨如何在 React Native 中设计响应式和自适应 UI,重点关注不同的设备尺寸、方向、安全区域和特定平台的代码。...自适应用户界面 React Native 提供组件和 api 来适应设备大小和方向的变化。因为用户可能拥有不同的设备,从小型手机到更大的平板电脑,所以必须确保应用的 UI 能够适应这些变化。...Platform Platform 模块检测应用运行的平台,这样你就可以实现特定于平台的代码。...React Native 检测扩展并在需要时加载相关的平台文件。

    48830
    领券