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

背景

断断续续用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的朋友，可以给我一些指点，不胜感激。

AIR：使用 HTML + Javascript 开发桌面应用相关推荐

Electron开发桌面应用
由 Bazzzinga威同学翻译自 Medium.https://medium.com/developers-writing/building-a-desktop-application-with- ...
h5开发Linux桌面,heX：用HTML5和Node.JS开发桌面应用
简介:heX,一个允许你采用前端技术(HTML,CSS,JavaScript)开发桌面应用软件的跨平台解决方案.是你开发桌面应用的一种新的选择,意在解决传统桌面应用开发中繁琐的UI和交互开发工作,使其 ...
面向JavaScript开发人员的Adobe AIR与Dreamweaver
入门教程,非常详细,CS4里面应该可以省略前面几步直接开发了. Adobe AIR对于HTML/JavaScript应用程序与桌面的集成有着出色的支持,但除了所有附加功能之外,还需要一些其他工具和技术 ...
php开发桌面应用程序_使用PHP开发跨平台桌面应用程序的3种方法
php开发桌面应用程序 PHP as a cross-platform desktop app development language? Blasphemy! Nonetheless, it's p ...
HTML5开发桌面提醒功能
桌面提醒的介绍桌面通知功能能够让浏览器即使是最小化状态也能将消息通知给用户.这和WebIM是最为天然的结合.不过,目前支持Desktop Notification功能的浏览器只有Chrome5+. ...
Aptana：JavaScript开发利器
http://blog.csdn.net/ghsau/article/details/8472983 简介 Aptana是一个非常强大.开源的专注于Ajax开发的开发工具,看下开源中国社区中对它的功能 ...
android开发入门与实践_Electron从入门到实践，前端开发者开发桌面App的最佳选择...
在开始之前,我想您一定会有这样的困惑:标题里的Electron 是什么?Electron能做什么?许多伟大的公司使用Electron框架的原因又是什么? 带着这些问题和疑惑,通过本文的介绍,可助您全面 ...
送你一份用Electron开发桌面应用的避坑指南【送3本书，含犀牛书】
大家好,我是若川.持续组织了5个月源码共读活动,感兴趣的可以点此加我微信 ruochuan12 参与,新年第一次送3本书.抽奖规则见文末. 如今,Electron 领域发生了重大的变革,Electro ...
在线代码编辑器 CodeMirror 配置说明 - javascript开发的代码语法高亮显示引擎
CodeMirror是一款在线的支持语法高亮的代码编辑器.官网: http://codemirror.net/ 下载后,解压开得到的文件夹中,lib下是放的是核心库和核心css,mode下放的是各种支 ...

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

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

背景

什么是AIR？

环境准备

运行效果

开发过程

目录结构

应用程序描述符

HTML页面

调试

备注

AIR：使用 HTML + Javascript 开发桌面应用相关推荐

最新文章

热门文章