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. 【转】Appium根据xpath获取控件实例随笔

    原文地址:http://blog.csdn.net/zhubaitian/article/details/39754233 如文章<Appium基于安卓的各种FindElement的控件定位方法 ...

  2. 【百度地图API】如何制作“从这里出发”“到这里去”——公交篇

    原文:[百度地图API]如何制作"从这里出发""到这里去"--公交篇 摘要: 百度地图首页上的“从这里出发”“到这里去”,一直是开发者们很热衷的一个功能.那么, ...

  3. cocos2d-x 颜色

    ccBlendFunc cbl = {GL_SRC_ALPHA, GL_ONE}; Sprite *sprite = Sprite::create("128_00002.png") ...

  4. 继续推荐几款VisualStudio的插件

    原文:继续推荐几款VisualStudio的插件 继前几天推荐了一款转换vs插件的插件后,借着安装VS2013之际,把我比较喜欢的几个插件继续推荐一下. C# Outline 2013 2013 C# ...

  5. nexus私服linux搭建问题

    一.最近搭建nexus私服,从官网下载下来总是报503服务器无效,很是无奈,最后在网上找到一个可以用的 收藏起来,这里给大家共享一下 下载地址:http://pan.baidu.com/s/1kT3U ...

  6. 个人学习JQ插件编写成果：little酷炫的图片滑动切换效果

    工作一个多月了,好久没来冒冒泡了,看了@wayong的JQ插件教程,自己编写了一个模仿拉勾网首页广告栏滑动特效的JQ插件,现在跟朋友们分享分享! 先上demo链接:http://runjs.cn/de ...

  7. android rawquery和query对照

    Cursor cursor = db.rawQuery("select name from *** where id=? ", new String[]{"1" ...

  8. PHP 16： MySql的数据库访问

    原文:PHP 16: MySql的数据库访问 本章介绍PHP访问MySql的方法.如果你对MySQL不是很清晰,可以参看PHP 17: MySQL的简单介绍.对于数据库的操作,无非就是以下几个点: 如 ...

  9. Android总结的基本机制监控事件

    研究上午Android底层机制事件监视器,例如下面的摘要: 内核驱动监控硬件状态和行为,由uevent机制将事件发送到用户空间: 通过用户空间UeventObserver从内核监控uevent,处理. ...

  10. jquery 拖动DIV

    <html><head> <style type="text/css"> .show{ background:#7cd2f8; width:30 ...