最近在找关于在xcode上调试Hybrid应用的方法,比如我想进行断点调试、日志打印已经屏幕适配等等,刻意去搜了下方法,虽然之前已经大致知道了,这里系统归纳一下,原文在https://developers.redhat.com.../blog/2017/07/12/how-to-debug-your-mobile-hybrid-app-on-ios/,配图还是用的文中的配图,这里只是翻译一下。...对于Android和网页应用来说,我们有Chrome Developer tools,这也是我们通用的方式,那么对于IOS来说,我们也有相似的方式,那就是Safari Web insepctor。...随着IOS 6和 Safari 6的发行,苹果也发布了网页检查器来调试和创建网页,这就意味着我们可以在我们的电脑上看到我们手机中运行的程序到底是在怎么进行的,并且对其进行调试,下面就让我来详细地解析一下整个环境的搭建...关闭窗口,你就可以在safari的工具条上看到“开发”【Develop】这个选项了 ? 设备上的Safari配置 要想你的手机被调试,你还需要在手机上进行如下几步设置。 1.
在3月18日的时候,我就曾发表过一篇关于在Electra越狱的设备上使用LLDB调试应用程序的文章。本文我将在此基础上,做进一步的更新优化。...我试图在google搜索,有关使用Electra越狱的iOS设备上调试AppStore应用程序的简要说明。但令我失望的是,竟然没有找到任何有用的资料。...如果不存在则, 在Mac上运行Xcode 为iOS打开ObjC项目(或从头创建一个新项目) 保持Xcode运行状态。将你的iOS设备连接到USB。...通过USB进行调试 对我而言,它只在我通过USB进行调试时才有效。如果Mac上未安装iproxy,请通过brew进行安装: ? 然后在Mac控制台中运行: ? 最后,将iPhone连接到USB。...如果你遇到了错误则, 在没有调试器的情况下运行应用程序 如前一节所述,将调试器attach到应用程序 关闭(LLDB)应用程序 尝试在调试器下再次运行应用程序 *参考来源:kov4l3nko,FB小编
优点 支持8个移动应用开发平台(Android,iOS,Windows,BlackBerry,Symbian,Bada,WebOS和Tizen) 可以利用传统的web开发技术(如HTML、CSS、 JavaScript...)开发用户接口,利用PhoneGap容器把它们部署到不同的应用环境和设备上 此外,它允许您访问本机API,以便APP可以充分利用设备提供的各种功能 完全做到了written once,run everywhere...此外,两者提供的CLI工具、项目结构有差异,如:Cordova 把 config.html 放在项目目录下,而 PhoneGap 把它放在www 目录下。...WeX5的混合应用开发模式能轻松调用手机设备,如相机、地图、通讯录等,让开发者轻松应对各类复杂数据应用,代码量减少80%。同时开发出的应用能够媲美原生的运行体验。...全能力的调试支持和智能代码提示 无限制、多方式、可加密的App应用打包发布 彻底开放的App应用后端技术和部署方式 缺点 使用xid替换标准的id,但是导致代码的很难复用。
它可以在 Mac 电脑上通过应用商店免费安装。注意,Xcode 只支持 Mac 系统,不支持其他系统。 ? ?...PhoneGap 和 Cordova 现在是两个独立发展的开源项目,但是彼此有密切的关系,可以简单理解成 Cordova 是 PhoneGap 的内核,PhoneGap 是 Cordova 的发行版。...React Native: 使用 JavaScipt 语言编写页面 Xamarin:使用 C# 语言编写页面 Flutter:使用 Dart 语言编写页面 5.1 React Native (1)原理...很快,工程师们就意识到了,UI 抽象层本质上是一种数据结构,与底层设备无关,不仅可以渲染成网页,也可以渲染成手机的原生页面。...不管什么平台,都调用内嵌的自己那套控件,就能做到 iOS 和安卓体验完全一致。 Flutter 历史还不长,应用还不广泛,API 也没稳定下来。但是很值得关注。 ?
便于调试其实是在Web界面层的。但是实际上做Hybrid App开发的时候,你会遇到需求,进入手机的底层请求,做某些处理。...大部分这种架构的应用,其实还是非常依赖底层的东西的,而且包括界面的东西,都是使用原生的API,效率就当然要比类似于PhoneGap这种架构要好了; 缺点: 严重依赖于其工具厂商提供的工具包,调试的时候就要有全套的工具...但是优化也是有限度的,如Ruby创始人Matz所说优化要恰当(包括花的时间,技巧等),而且有时候的优化达到的回报率不一定达到你自己的期望。...没错,这些工具都能够帮助你快速地梳理好思路,管理好你的Web应用。对开发者最友好的,发挥空间最大的非PhoneGap莫属了。所以笔者就会以PhoneGap应用展开讨论。...看完了简单的PhoneGap应用后,笔者们来看看简单iOS应用在开发时候的代码目录吧。思路上还是非常相似的。在这里面,笔者不会深入代码部分去讨论具体的实现以及细节上的东西。
1.框架:PhoneGap 官网:http://phonegap.com/ 简介: PhoneGap是一个用基于HTML,CSS和JavaScript的,创建移动跨平台移动应用程序的快速开发平台。...4.调试难度大。...它提供了很多 UI 组件来帮助开发者开发强大的应用。 5.接近原生。 6.强大的命令行工具 3.可利用成熟javascript框架。如:Ext js、jQuery。...优点: 1.跨平台:同时支持iOS、Android、Symbian、Windows Phone 2.原生体验:引入原生UI控件与交互支持(如Action Sheet等) 3.开发工具:基于Eclipse...2.基于phonegap(cordova)框架,如相机、地图、LBS定位、指南针、通讯录、文件、语音、电池等。
优点: PhoneGap是一个开源的框架; PhoneGap 是一个基于HTML和JavaScript的应用开发平台,使用它可以构建本地应用; 支持8个移动应用开发平台(Android,iOS,Windows...,BlackBerry,Symbian,Bada,WebOS和Tizen); 可以利用传统的web开发技术(如HTML、CSS、 JavaScript )开发用户接口,利用PhoneGap容器把它们部署到不同的应用环境和设备上...就是针对不同的平台需要些多套代码; Cordova 优点: 开源免费,社区生态成熟,插件丰富; 支持离线场景应用; 开发工具选择空间大; iOS和Android基本上可以共用代码,纯web思维,开发速度快...文档偏少; 部分系统无法使用IDE进行调试; 只能在服务器端发布,无法在本地发布; IOS发布,需要将证书上传至服务器; Dcloud 特点: 云编译必须联网获取AppId; 优点: 国内厂商,中文文档...可视化拖拽式集成开发环境IDE; 全能力的调试支持和智能代码提示; 无限制、多方式、可加密的App应用打包发布; 彻底开放的App应用后端技术和部署方式; 缺点: 使用xid替换标准的id,但是导致代码的很难复用
Weinre(WebInspector Remote)是一款基于Web Inspector(Webkit)的远程调试工具,借助于网络,可以在PC上直接调试运行在移动设备上的远程页面,中文意思是远程Web...---- PhoneGapWebApp调试 PhoneGap WebApp也就是运行在移动设备Webview之内(Android:webview,iOS:uiwebview)的移动应用,因此weinre...另外可以安装使用GapDebug应用,GapDebug是一款跨平台的移动设备调试工具,支持拖拽式一键安装,支持重启App后Debug状态恢复,支持断点调试,支持Windows和Mac OS系统,官方地址...目前国外的有PhoneGap提供的weinre远程服务,用户可以访问下述网址参看用户远程调试接口 http://debug.build.phonegap.com/ ?...@听奏同学开发的iOS系统专用调试工具MIHTool,也是功能很强大的。
总体来讲,Hybrid App是同时采用网页语言与程序语言进行开发,通过不同的应用商店进行打包与分发,应用的特性更接近原生应用而且又区别与Web应用。...PhoneGap(Cordova) 产品功能: PhoneGap是一款国外的开源移动开发平台。...暂时只支持iOS,Android两大平台,不知道什么时候推出Windows Phone 8? 4. 许多功能需要企业版才能实现,不过是收费的。...跟PhoneGap 同样,国外框架,技术支持困难。 3. 支持Android,iOS,黑莓平台。 4. 环境需要用户自己搭建比较复杂。...appMobi 产品功能: appMobi推出了全新开发工具XDK,这个工具使得开发者可以使用HTML5构建网络和移动平台的应用程序,可以进行屏幕仿真调试、设备实际调试和遥控调试等。 特性: 1.
前言 提到跨终端应用开发,很容易想到最近很火的React Native。使用React Native开发出的APP本质上是Native APP。...对于ionic的使用,下面的图(图片源自The Ionic Framework Cheatsheet)有助于初次接触hybrid开发和调试的同学理清流程,并快速上手: ?...基于Cordova的 Hybrid APP Cordova提供了一组设备相关的API,通过这组API,移动应用能够以JavaScript访问原生的设备功能,如摄像头、麦克风等。...Adobe在Cordova的基础上加上自己的特性和生态,继续沿用PhoneGap的名字。而原本的PhoneGap的核心代码以Cordova这个名字作为Apache的一个开源项目。...目前Cordova支持的平台如下: iOS, Android,ubuntu phone os, Blackberry, Windows Phone, Palm WebOS, Bada 和 Symbian
随着两大平台的流行,很多控件厂商也开发出支持这两种平台的工具,如为PhoneGap 提供的Wijmo 5,为 Xamarin.Forms提供的Xuni 等,从而使移动开发更加快速高效,当然尽管有很多工具支持这两种平台...PhoneGap 提供了访问移动设备特征的通用API接口,如传感器,摄像头等。...Xamarin VS PhoneGap Xamarin.Forms PhoneGap 使用C#或XAML语言编码 使用 JavaScript,HTML,CSS 编码 开发iOS ,Android,WindowsPhone... 应用 支持iOS, Android,WindowsPhone,Blackberry,Symbian,Bada,WebOS 需要Xamarin许可证 免费开源 生成原生应用 应用程序不完全是原生的 高效...无论需要Android 图表、Xamarin.Form 仪表盘还是IOS表格控件,Xuni 都高质量的创建适用于所有设备的企业级应用。
使用React Native开发出的APP本质上是Native APP。在跨端应用开发这一领域内还有另一块:Hybrid APP。...对于ionic的使用,下面的图(图片源自The Ionic Framework Cheatsheet)有助于初次接触hybrid开发和调试的同学理清流程,并快速上手: ?...基于Cordova的 Hybrid APP Cordova提供了一组设备相关的API,通过这组API,移动应用能够以JavaScript访问原生的设备功能,如摄像头、麦克风等。...Adobe在Cordova的基础上加上自己的特性和生态,继续沿用PhoneGap的名字。而原本的PhoneGap的核心代码以Cordova这个名字作为Apache的一个开源项目。...目前Cordova支持的平台如下: iOS, Android,ubuntu phone os, Blackberry, Windows Phone, Palm WebOS, Bada 和 Symbian
What is PhoneGap? PhoneGap是一个用基于HTML5的移动应用前端开发框架,使用HTML+CSS+JavaScript,再通过PhoneGap就可以快速创建APP了。 ...优缺点 PnoneGap的优点 1.跨平台 PhoneGap目前支持的移动平台有: Android, iOS, Windows Phone、 Windows 8、 Firefox OS、 Amazon...PhoneGap的不足 1.运行效率 PhoneGap的运行,依赖于移动设备上的内置浏览器的Webkit, 所以运行速度上自然是比原生的App慢。...2.不能支持全部的系统API 由于要支持多平台, 所以如果一些平台上独有的API, 在PhoneGap上就有可能不能得到及时的支持。...IOS系统,则可以用以下命令: phonegap build ios 经过以上三步一个PhoneGap项目就完成了,然后就可以把我们编译好的apk文件,下载到手机或模拟器来看运行效果了。
现主要包括了android,iOS,Apple iOS, Google Android, Palm, Symbian, BlackBerry 等。WP7等平台也在逐步兼容中。 l 降低开发门槛。...有了PhoneGap就不用担心这些了。用熟悉的Web前端技术就可以开发出很专业的手机应用程序。 l 提供强大的硬件访问控制。...劣势: l 运行速度慢:程序的载入和UI界面的反应都比原生的程序慢,因为它实际上还是在展示Web页面,所以载入、页面刷新等肯定是需要一定时间的。 l 不适合部分程序。...真机调试等等,要做android程序就要会搭建Ecllipse开发环境等等。...明白以上两个特性,参照下面PhoneGap与设备本地API通信图,一个成熟的PhoneGap技术客户端运行状况如下: 应用运行在WebView组件上 —》 通过PhoneGap在各平台的扩展 —》 最终访问设备本地资源
A:Android >= 4.1 (API 16) iOS >= 7.0 Q:RN和cordova/phonegap是一个东西吗? A:不一样。...RN的性能接近原生,超过cordova/phonegap。 Q:可以使用现有的js库吗? A:由于RN理论上更接近nodejs的运行环境,所以对nodejs的库兼容更好一些。...另外虽然主要的业务逻辑是使用js开发,但仍然要依赖于原生的编译/调试环境,所以你还需要同时运行Xcode(iOS)或Android Studio(android)等。 Q:如何开启调试功能?...选择Debug in Chrome即会启动Chrome作为运行和调试环境(注意此时JS引擎为Chrome的V8,与iOS真机的javascriptCore引擎存在一些差异)。...A:看起来是个数组越界错误,但多数情况下是由于ListView的子组件渲染错误(如套数据时没有检查undefined等)引起,而非ListView本身的问题。
Web App Web App是指基于Web的应用,运行于网络和标准浏览器上,相当于一个网页然后加一个App的壳。...对PWA的支持力度远远低于Android,所以PWA在iOS上的体验打了折扣。...与PhoneGap等框架不同的是,Xamarin可以在iOS和Android刚推出新的功能时,第一时间调用相应的API,而使用PhoneGap则需要等待PhoneGap封装的新的功能后才可以调用相应的API...和微信小程序很像,快应用本质上也是要建立次级生态,快应用的架构如下图所示。 ? 快应用实现划分为编译时、运行时两个方面,UX页面源码经过编译时得到JS,然后经过运行时得到界面UI。...6.2 Flutter Flutter是谷歌的移动UI框架,可以快速在Android和iOS上构建高质量的原生用户界面, 它的前身是谷歌试验项目Sky。
Sencha Touch Sencha Touch 同样也是HTML5手机应用跨平台开发框架,运行iOS/Android/Blackberry。...2.支持世界上最好的设备。Beta版兼容Android和iOS,Android上的开发人员还可以使用一些专为Android定制的主题。 3.增强的触摸事件。...在touchstart、touchend等标准事件基础上,增加了一组自定义事件数据集成,如tap、swipe、pinch、rotate等。 4.数据集成。...第一段PhoneGap代码是在2008年8月的iPhoneDevCamp上写成的。...问题是,是否有人可以开发一个框架,让Web开发人员可以利用他们所有的HTML、CSS和JavaScript知识,而且仍旧可以同iPhone的重要本地应用程序(如摄像头和通讯录)交互呢?
Mozilla在其浏览器的每日构建版本中增加了一个IDE,用于在Firefox OS设备和模拟器上创建、编辑、运行和调试Web应用程序,而且计划将该IDE扩展到移动设备上的所有主流浏览器。...通过USB或者WiFi,应用程序可以部署到实际的Firefox OS设备上,也可以部署到模拟器上,目前支持Firefox OS 1.3、1.4和2.0 beta测试版。...\ WebIDE集成了所有常见的Firefox调试工具,实现了应用程序实时编辑。...iOS,稍后可能还有其它的——协同工作。...如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
WebApp 移动端的网站,常被称为H5应用,说白了就是特定运行在移动端浏览器上的网站应用。...举个栗子:FanReact,我爱我家App,东方航空App,富国基金-富国钱包App 应用技术:PhoneGap,AppCan,Wex5,APICloud等。...Native App是一种基于智能手机本地操作系统如iOS、Android、WP并使用原生程式编写运行的第三方应用程序,也叫本地app。一般使用的开发语言为Java、C++、Objective-C。...自iOS和Android这两个的手机操作系统发布以来,在互联网界从此就多了一个新的名词:App意为运行在智能的移动终端设备第三方应用程序。...Hybird App 的较早实践者是PhoneGap,随后遍地开花,如Titanium、Salama、WeX5、Kerkee和国内的AppCan,项目各有各的实现方式,大致的原理基本相同。
(重要的事儿说三遍) 最早接触weinre其实是在2012年,那时候是自己最早开始尝试WEB APP,使用PhoneGap进行开发,为了方便调试,所以使用了MAC版的weinre。...如何在weinre中运行项目呢?...HTML5学堂:我们举一个简单的例子吧,苹果手机是iOS系统,而苹果手机当中的所有游戏、应用程序都需要通过APP Store进行下载。...那么此时,我们可以认为Node.js就如同iOS的系统,npm就如同APP Store,weinre就如同APP Store中上架的应用程序。 除了weinre之外有没有别的呢?当然有~~~!...全局安装和本地安装在表现上的区别是什么?
领取专属 10元无门槛券
手把手带您无忧上云