背景

断断续续用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

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

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

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

     <versionNumber>0.1</versionNumber>

     <filename>HelloWorld</filename>

     <initialWindow>

         <content>HelloWorld.html</content>

         <visible>true</visible>

         <width>400</width>

         <height>200</height>

     </initialWindow>

 </application>

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

HTML页面

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

HelloWorld.html

 <html>

 <head>

     <title>Hello World</title>

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

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

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

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

 </head>

 <body>

     <div id="Accordion">

         <h3>中文</h3>

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

           <h3>英文</h3>

           <div>Hello,World!</div>

     </div>

 </body>

 </html>

 <script type="text/javascript">

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

 </script>

这里引用了JQuery UI。

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

调试

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

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

 adl HelloWorld.app.xml

备注

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

AIR：使用 HTML + Javascript 开发桌面应用的更多相关文章

  1. HTML + Javascript开发AIR应用

    HTML + Javascript开发AIR应用 目录 背景什么是AIR?环境准备运行效果开发过程目录结构应用程序描述符HTML页面调试备注 背景返回目录 断断续续用Winform和WPF开发过一些小 ...

  2. 使用JavaScript开发跨平台的桌面应用

    任何可以使用JavaScript来编写的应用,最终会由JavaScript编写.--Atwood定律 Atwood's Law是Jeff Atwood在2007年提出的:"any appli ...

  3. 使用nwjs开发桌面应用之Hello,World!

    今天发现原来JavaScript也可以用来开发桌面应用程序,顿时有一种很牛逼的感觉,于是马上就开始了Hello,World!,感受一下JavaScript的强大. 可以用来开发桌面应用的js框架有三种 ...

  4. electron之Windows下使用 html js css 开发桌面应用程序

    1.atom/electron github: https://github.com/atom/electron 中文文档: https://github.com/atom/electron/tree ...

  5. NativeScript 也能开发桌面应用 (nativescript-dotnet-runtime)

    自从看了NativeScript就甚是喜欢,心想要是也能开发桌面应用该多好.求人不如求己,开源组件很强大,差不多组装一下就行了,说干就干. Javascript 引擎用 Jint , 纯C#实现,集成 ...

  6. heX——基于 HTML5 和 Node.JS 开发桌面应用

    heX 是网易有道团队的一个开源项目,允许你采用前端技术(HTML,CSS,JavaScript)开发桌面应用软件的跨平台解决方案.heX 是你开发桌面应用的一种新的选择,意在解决传统桌面应用开发中繁 ...

  7. heX：用HTML5和Node.JS开发桌面应用

    国内私募机构九鼎控股打造APP,来就送 20元现金领取地址:http://jdb.jiudingcapital.com/phone.html内部邀请码:C8E245J (不写邀请码,没有现金送)国内私 ...

  8. HTML5开发桌面应用：选择node-webkit还是有道heX

    近几年,移动应用和web2.0大行其道,相比之下.传统桌面应用程序开发显得相对冷清(包含该领域技术人才的后继力量),但在一些场景下,它依旧有其不可替代的优势. 将HTML5和Node.JS的技术优势. ...

  9. 汇总一些知名的 JavaScript 开发开源项目

    汇总一些知名的 JavaScript 开发开源项目   转自:CTOLib , www.ctolib.com/topics-107352.html ggraph - 图形可视化的凌乱数据 这是一个建立 ...

随机推荐

  1. sql函数应用例子

    select p.province, data.existUserCount, data.addUserCount, data.cancelUserCount, data.threedayCancel ...

  2. [Ext JS 4] MVC 应用程序框架

    前言 大型客户端应用程序总是很难编写,很难组织和很难维护.随着功能的增加和更多的开发人员加入项目,对项目的控制也越来越困难了.Ext JS 4 提供了一个新的应用程序框架帮助组织代码. 模型 - 一组 ...

  3. 2.4G无线模块NRF2401

    RF24L01+,是工作在2.4~2.5GHz 频段的,具备自动重发功能,6 个数据传输通道,最大无线传输速率为2Mbits.MCU 可与该芯片通过SPI 接口访问芯片的寄存器进行配置,达到控制模块. ...

  4. js学习笔记1：语法、数据类型与转换、运算符与运算

    注意: 上部代码错误,将停止运行,下部的代码无法显示            typeof 用来定义内容类型,不会输出内容只会输出类型 一.js输出语法         1. 弹窗输出('')内的内容: ...

  5. 第 18 章 Django 入门

    当今的网站实际上都是富应用程序(rich application),就像成熟的桌面应用程序一样.Python提供了一组开发Web应用程序的卓越工具.在本章中,我们将学习如何使用Django(http: ...

  6. 【Java】数组的打印输出

    import java.util.Arrays; public class Test { public static void main(String[] args) { int[] a = { 1, ...

  7. 【Java】Java中常用的String方法

    本文转载于:java中常用的String方法 1 length()字符串的长度 String a = "Hello Word!"; System.out.println(a.len ...

  8. thinkphp5.0独立配置

    独立配置文件 新版支持配置文件分离,只需要配置extra_config_list参数(在应用公共配置文件中). 例如,不使用独立配置文件的话,数据库配置信息应该是在config.php中配置如下: / ...

  9. ref:一系列用于Fuzzing学习的资源汇总

    ref:http://www.freebuf.com/articles/rookie/169413.html 一系列用于Fuzzing学习的资源汇总 secist2018-04-30共185833人围 ...

  10. 解决引入keras后出现的Using TensorFlow backend的错误

    在引入头文件之后,加入 import os os.environ['KERAS_BACKEND']='tensorflow' 就可以完美解决这个问题