HTML + Javascript开发AIR应用

目录

背景什么是AIR？环境准备运行效果开发过程目录结构应用程序描述符HTML页面调试备注

背景返回目录

断断续续用Winform和WPF开发过一些小工具，始终不得其法门，在玩Flex的时候就接触过AIR，最近发现可以用HTML + Javascript开发AIR应用，本文就尝试一下（Hello，World）。

什么是AIR？返回目录

AIR本质上是一个浏览器（Webkit），这个浏览器可以从本机加载静态资源文件，可以受限的访问本机资源。

环境准备返回目录

AIR SDK下载：Adobe AIR SDK。

注意：解压后记着设置Path环境变量。

运行效果返回目录

开发过程返回目录

目录结构返回目录

应用程序描述符返回目录

官方教程：http://help.adobe.com/en_US/air/build/WS5b3ccc516d4fbf351e63e3d118666ade46-7ff1.html。

HelloWorld.app.xml

 1 <?xml version="1.0" encoding="UTF-8"?>

 2 <application xmlns="http://ns.adobe.com/air/application/2.7">

 3     <id>happy.html.HelloWorld</id>

 4     <versionNumber>0.1</versionNumber>

 5     <filename>HelloWorld</filename>

 6     <initialWindow>

 7         <content>HelloWorld.html</content>

 8         <visible>true</visible>

 9         <width>400</width>

10         <height>200</height>

11     </initialWindow>

12 </application>

备注：<content>HelloWorld.html</content>指定了入口页面。

HTML页面返回目录

官方教程：http://help.adobe.com/en_US/air/build/WS5b3ccc516d4fbf351e63e3d118666ade46-7ecc.html。

HelloWorld.html

 1 <html>

 2 <head>

 3     <title>Hello World</title>

 4     <script src="jquery-ui-1.10.3/js/jquery-1.9.1.js" type="text/javascript"></script>

 5     <script src="jquery-ui-1.10.3/js/jquery-ui-1.10.3.custom.js" type="text/javascript"></script>

 6     <script src="Javascript/AIRAliases.js" type="text/javascript"></script>

 7     <link rel="stylesheet" href="jquery-ui-1.10.3/css/ui-lightness/jquery-ui-1.10.3.custom.css" type="text/css" />

 8 </head>

 9 <body>

10     <div id="Accordion">

11         <h3>中文</h3>

12           <div>你好，世界。</div>

13           <h3>英文</h3>

14           <div>Hello,World!</div>

15     </div>

16 </body>

17 </html>

18 <script type="text/javascript">

19     $("#Accordion").accordion({ active: 2 });

20 </script>

这里引用了JQuery UI。

注意：本例中AIRAliases.js可以不用引入，此文件为AIR类库提供了别名机制，让代码更简洁。

调试返回目录

官方教程：http://help.adobe.com/zh_CN/air/build/WS901d38e593cd1bac1e63e3d128cdca935b-8000.html。

1 cd /d E:\Coding\HappyStudy\AIRStudy\HelloWorld

2 adl HelloWorld.app.xml

备注返回目录

WEB QQ有提供AIR版本，不知道是自己弄的平台？还是用的Adobe的平台。有使用过AIR的朋友，可以给我一些指点，不胜感激。

HTML + Javascript开发AIR应用的更多相关文章

  1. AIR：使用 HTML + Javascript 开发桌面应用

    背景 断断续续用Winform和WPF开发过一些小工具,始终不得其法门,在玩Flex的时候就接触过AIR,最近发现可以用HTML + Javascript开发AIR应用,本文就尝试一下(Hello,W ...

  2. Windows Store App JavaScript 开发：简单对象绑定

    简单对象绑定是一种基本的绑定类型,可以实现将一个对象中的数据绑定到HTML元素的属性.下面通过一个示例来演示如何使用HTML5和JavaScript开发一个实现简单对象绑定的Windows应用商店应用 ...

  3. Windows Store App JavaScript 开发：页内导航

    页内导航是在一个页面内根据需要加载其他页面的内容,在开发基于JavaScript的Windows应用商店应用时,可以使用WinJS.Navigation.navigate函数传递要加载的页面地址并使用 ...

  4. React Native – 使用 JavaScript 开发原生应用

    前不久,Facebook 在F8开发者大会上正式开源了 React Native 项目.不过目前只有 iOS 版,Android 版还需要再等一段时间,这是最新的用 JavaScript 语言开发原生 ...

  5. JavaScript开发规范要求

    http://www.cnblogs.com/webflash/archive/2010/06/11/1756255.html 作为一名开发人员(WEB前端JavaScript开发),不规范的开发不仅 ...

  6. ArcGIS API for JavaScript开发环境搭建及第一个实例demo

    原文:ArcGIS API for JavaScript开发环境搭建及第一个实例demo ESRI公司截止到目前已经发布了最新的ArcGIS Server for JavaScript API v3. ...

  7. 为什么JavaScript开发如此疯狂

    本文由码农网 – 小峰原创翻译,转载请看清文末的转载要求,欢迎参与我们的付费投稿计划! Web开发太有意思了! 但是JavaScript则……令人望而生畏. Web开发中其他一切对你而言都是小菜一碟, ...

  8. JavaScript 开发规范要求详解

    作为一名开发人员(We前端JavaScript开发),不规范的开发不仅使日后代码维护变的困难,同时也不利于团队的合作,通常还会带来代码安全以及执行效率上的问题.本人在开发工作中就曾与不按规范来开发的同 ...

  9. 使用SeaJS实现模块化JavaScript开发

    前言 SeaJS是一个遵循CommonJS规范的JavaScript模块加载框架,可以实现JavaScript的模块化开发及加载机制.与jQuery等JavaScript框架不同,SeaJS不会扩展封 ...

随机推荐

  1. update与fixedupdate差别

    猴子原创,欢迎转载.转载请注明: 转载自Cocos2D开发网--Cocos2Dev.com,谢谢! 原文地址: http://www.cocos2dev.com/?p=307 今天有人问我问什么我在处 ...

  2. 左右lcm,gcd一些性质

    两个整数a,b  他们的最大公约数为n  最小公倍数为m  则有 a,b都能分解为有限个素数的积               12 = 2^2 * 3^1 * 5^0 , 30 = 2^1 * 3^1 ...

  3. SQL Server调优系列基础篇（常用运算符总结）

    原文:SQL Server调优系列基础篇(常用运算符总结) 前言 上一篇我们介绍了如何查看查询计划,本篇将介绍在我们查看的查询计划时的分析技巧,以及几种我们常用的运算符优化技巧,同样侧重基础知识的掌握 ...

  4. 菜鸟进阶Android Touch事件传递（四）

    尊重他人劳动成果,转载请说明出处:http://blog.csdn.net/bingospunky/article/details/44343477 在该系列文章第四篇.我准备介绍一下viewpage ...

  5. [译]JVM运行时数据区

    (本篇文章翻译自JVM Run-Time Data Areas) 这是我阅读JVM规范的笔记,而且我画了一个图来帮助我理解. 1.每一个单独的线程(非共享的)的数据区 针对每一个单独的线程的数据区包括 ...

  6. leetcode第21题--Generate Parentheses

    problem: Given n pairs of parentheses, write a function to generate all combinations of well-formed ...

  7. IE支持CSS3圆角

    在CSS中使用CSS插件文件即可让IE6/IE7/IE8浏览器. 具体CSS代码: .yuan { border: 2px solid #C0C0C0; -moz-border-radius: 10p ...

  8. 查看SQL SERVER 加密存储过程,函数,触发器,视图

    原文:查看SQL SERVER 加密存储过程,函数,触发器,视图 create  PROCEDURE sp_decrypt(@objectname varchar(50))ASbeginset noc ...

  9. Office文档在线编辑的实现之一

    因为项目的关系,研究了一下Office的在线编辑功能,写出来共享一下. Office xp之后的版本支持通过webdav协议(http的扩展)直接编辑服务器上的文件. IIS(6.0)支持webdav ...

  10. 使用Flexible实现手淘H5页面的终端适配(转)

    曾几何时为了兼容IE低版本浏览器而头痛,以为到Mobile时代可以跟这些麻烦说拜拜.可没想到到了移动时代,为了处理各终端的适配而乱了手脚.对于混迹各社区的偶,时常发现大家拿手机淘宝的H5页面做讨论—— ...