Sencha touch实践(1)在ios,android上变web app为native app

简介:

sencha 来头

熟悉脚本的朋友一定或多或少听过Ext.js这个框架吧,sencha正来源于此,2010年著名的JavaScript框架ExtJS宣布,将现有ExtJS整合JQTouchRaphaël库,推出适用于最前沿Touch Web的Sencha Touch框架,该框架是世界上第一个基于HTML5的Mobile App框架。同时,ExtJS也正式更名为Sencha。原域名www.extjs.com也已经跳转至www.sencha.com

05082001_WQew

sencha touch用处

“Sencha Touch可以让你的Web App看起来像Native App。美丽的用户界面组件和丰富的数据管理,全部基于最新的HTML5CSS3的 WEB标准,全面兼容Android和Apple iOS设备。”

没错,sencha touch可以让你用JS+HTML开发的web app作为native app运行在ios,android系统之上。

Demo演示

首先需要下载这个框架,下载地址:http://www.sencha.com/products/touch/

image

下载完成后,可以解压缩看到一个目录:

image

我们使用Aptana Studio 3(这是一个用来做JS开发的工具)来建立一个项目,我们将sencha-touch.js导入到项目中,并且引用进index.htm

image

为了便于演示,我们做一个简单的输入和输出

image

为了能够部署到移动设备系统上去,我们还需要另外一个脚本,就是index.js,它的作用是让我们的web app安装到手机操作系统上

image

当然,有了这些还不够,我们仍然需要发布这个website到一个web server上。

我的网络出现一些问题,手机访问不到web server,明天试试。




     本文转自xshf12345 51CTO博客,原文链接:http://blog.51cto.com/wengyuli/670813,如需转载请自行联系原作者

相关文章
|
2天前
|
API 开发工具 Android开发
视觉智能开放平台产品使用合集之人脸活体检测能力是否支持Android端或者iOS端直接调用
视觉智能开放平台是指提供一系列基于视觉识别技术的API和服务的平台,这些服务通常包括图像识别、人脸识别、物体检测、文字识别、场景理解等。企业或开发者可以通过调用这些API,快速将视觉智能功能集成到自己的应用或服务中,而无需从零开始研发相关算法和技术。以下是一些常见的视觉智能开放平台产品及其应用场景的概览。
|
8天前
|
安全 Linux Android开发
探索未来:安卓与iOS在技术革新中的较量
【8月更文挑战第24天】 在智能手机操作系统的大潮中,安卓和iOS一直是两大巨头。本文将深入浅出地探讨它们各自的技术优势、创新亮点以及面临的挑战。通过比较分析,我们将看到这两个系统如何在竞争中推动整个行业的进步,并预测它们未来的发展方向。
33 11
|
3天前
|
安全 Android开发 iOS开发
安卓与iOS的较量:哪个更适合你?
在智能手机的世界里,安卓和iOS是两个主要的操作系统。它们各自有着不同的优点和缺点,那么哪一个更适合你呢?本文将从用户界面、应用程序、安全性等方面进行比较,帮助你做出决定。
|
2天前
|
移动开发 开发工具 Android开发
安卓与iOS开发环境对比:选择适合你的平台
【8月更文挑战第30天】 在移动应用开发的广阔天地中,安卓和iOS两大平台各领风骚。本文将深入浅出地分析这两个平台的开发环境,从工具、语言到用户群体等多个维度进行比较,旨在帮助开发者根据自己的技能和市场需求做出明智的选择。无论你是初涉移动开发领域的新手,还是寻求扩展技能边界的资深开发者,这篇文章都将为你提供有价值的见解和建议。
10 1
|
2天前
|
设计模式 Java Android开发
探索安卓应用开发:从新手到专家的旅程探索iOS开发中的SwiftUI框架
【8月更文挑战第29天】本文旨在通过一个易于理解的旅程比喻,带领读者深入探讨安卓应用开发的各个方面。我们将从基础概念入手,逐步过渡到高级技术,最后讨论如何维护和推广你的应用。无论你是编程新手还是有经验的开发者,这篇文章都将为你提供有价值的见解和实用的代码示例。让我们一起开始这段激动人心的旅程吧!
|
3天前
|
移动开发 搜索推荐 Android开发
安卓与iOS开发:一场跨平台的技术角逐
在移动开发的广阔舞台上,两大主角——安卓和iOS,持续上演着激烈的技术角逐。本文将深入浅出地探讨这两个平台的开发环境、工具和未来趋势,旨在为开发者揭示跨平台开发的秘密,同时激发读者对技术进步的思考和对未来的期待。
|
6天前
|
安全 Android开发 Swift
安卓与iOS开发:平台差异与技术选择
【8月更文挑战第26天】 在移动应用开发的广阔天地中,安卓和iOS两大平台各占一方。本文旨在探索这两个系统在开发过程中的不同之处,并分析开发者如何根据项目需求选择合适的技术栈。通过深入浅出的对比,我们将揭示各自平台的优势与挑战,帮助开发者做出更明智的决策。
|
4天前
|
前端开发 开发工具 Android开发
探索安卓与iOS应用开发:跨平台解决方案的崛起
【8月更文挑战第27天】在移动设备日益普及的今天,安卓和iOS系统占据了市场的主导地位。开发者们面临着一个重要问题:是选择专注于单一平台,还是寻找一种能够同时覆盖两大系统的解决方案?本文将探讨跨平台开发工具的优势,分析它们如何改变了移动应用的开发格局,并分享一些实用的开发技巧。无论你是新手还是资深开发者,这篇文章都将为你提供有价值的见解和建议。
|
9天前
|
开发工具 Android开发 iOS开发
安卓与iOS开发环境的差异及其对开发者的影响
【8月更文挑战第22天】在移动开发的广阔舞台上,安卓与iOS两大操作系统各自占据着半壁江山。它们不仅是用户手中的智能设备,更是开发者展示创意和技术的战场。本文将深入探讨这两个平台的开发环境差异,以及这些差异如何塑造开发者的技术路线和职业生涯。从编程语言到开发工具,从市场定位到用户需求,我们将一探究竟,这两种不同的生态系统是如何影响开发者的决策和成长的。
|
10天前
|
IDE 开发工具 Android开发
探索安卓与iOS开发的差异:平台选择对项目成功的影响
在移动应用开发的广阔天地中,安卓和iOS两大平台各领风骚,引领着技术进步的潮流。本文旨在深入剖析这两个平台在开发过程中的关键差异点,包括编程语言、开发工具、用户界面设计以及市场分布等方面。通过对比分析,我们不仅能更好地理解每个平台的独特优势,还能洞察这些差异如何影响项目决策和最终成果。无论你是开发者还是企业决策者,了解这些内容都将助你一臂之力,在选择适合自己项目的开发平台时做出更明智的决策。
下一篇
云函数