`

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

 
阅读更多

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

分享到：
| 深入理解require与require_once与include ...
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    使用 Ext、Aptana 和 AIR 构建桌面应用程序

    在本主题中，Ext可能被用作开发桌面应用的前端框架，因为它能够创建高度交互和定制化的用户界面。 2. **Aptana**：Aptana 是一款强大的集成开发环境（IDE），专为Web开发设计，支持多种Web技术，包括HTML、CSS、...

    as flash AIR 天气预报 桌面应用程序

    标题中的“AS Flash AIR 天气预报桌面应用程序”是指使用Adobe Flash ActionScript（AS）语言开发的一款基于Adobe Integrated Runtime（AIR）平台的桌面应用。这款应用的主要功能是提供天气预报服务，用户可以在桌面...

    使用HTML和AJAX开发AIR应用程序中文文档

    使用HTML和AJAX开发Adobe AIR 1.5应用程序可以充分利用Web技术的优势，同时享受桌面应用程序的功能性和灵活性。开发者应关注Adobe AIR的最新动态和发展趋势，持续提升自身技能，以应对不断变化的技术需求。

    使用AdobeAIR开发android应用

    Adobe AIR，全称为Adobe Integrated Runtime，是一种跨平台的应用程序运行环境，它允许开发者利用HTML、JavaScript、Flash以及Flex等Web技术创建桌面应用程序。对于Android开发者而言，Adobe AIR提供了一种将这些Web...

    AdobeAIR_for_javascript_developers

    Adobe Integrated Runtime (AIR) 是一个系统级平台，它允许开发者使用 Web 技术（如 HTML、CSS 和 JavaScript）来创建桌面应用程序。AIR 的出现打破了 Web 应用与桌面应用之间的界限，为开发人员提供了构建跨平台...

    用Adobe Air和Javascript实现一个简单的不规则窗口桌面程序

    标题中的“用Adobe Air和Javascript实现一个简单的不规则窗口桌面程序”揭示了本文将探讨如何使用Adobe AIR（Adobe Integrated Runtime）框架与JavaScript编程语言来创建一个具有非标准形状的桌面应用程序。...

    用Air和Javascript实现定制界面

    Adobe AIR为开发者提供了在HTML、CSS和JavaScript等Web技术上构建桌面应用的能力，使Web开发人员能够利用熟悉的工具和技能开发桌面级的应用程序。 首先，我们来了解一下Adobe AIR。它是一个运行时环境，允许开发...

    AIR应用开发中文指南

    - **定义**: Adobe Integrated Runtime (AIR) 是一种跨操作系统运行时环境，旨在利用现有的 Web 开发技术（如 Flash、Flex、HTML、JavaScript 和 AJAX）来构建富 Internet 应用程序，并将其部署为桌面应用程序。...

    air_1.5中文帮助

    Adobe AIR（Adobe Integrated Runtime）是一个跨平台的运行环境，允许开发者使用Web技术（如HTML、CSS和JavaScript）或Adobe的Flash/Flex来构建桌面应用程序。下面将详细介绍这些知识点： 1. **Adobe AIR**：Adobe ...

    AIR应用开发中文指南(BETA2).pdf

    Adobe Integrated Runtime (AIR) 是一款跨操作系统平台的运行时环境，旨在利用现有Web开发技术（包括Flash、Flex、HTML、JavaScript、Ajax等）构建并部署富互联网应用程序（RIA）为桌面应用程序。AIR的独特之处在于...

    Web技术开发桌面应用的研究与设计.pdf

    Web技术开发桌面应用的优势在于，它不仅继承了Web的跨平台性和易部署性，而且还能利用JavaScript等脚本语言实现复杂的逻辑和交互。这使得Web开发者能够轻松创建功能丰富的桌面应用，而无需具备深厚的桌面开发背景。...

    AIR应用开发中文指南.pdf

    - **定义**: Adobe Integrated Runtime (AIR) 是一种跨操作系统的运行时环境，它能够利用现有的 Web 技术（如 Flash、Flex、HTML、JavaScript 和 AJAX）来构建富互联网应用程序，并将其部署为桌面应用程序。...

    Java flex 开发air完整源码+文档

    Adobe AIR允许开发者使用Web技术（如Flex、HTML、CSS和JavaScript）创建桌面应用程序。`air`标签表明此资源可能包含有关如何将Flex应用打包为AIR应用程序的代码和说明，使得用户可以在桌面环境下运行这些应用。 **...

    Adobe Air html docs

    Adobe AIR（Adobe Integrated Runtime）是一款跨平台的应用程序运行环境，由Adobe公司开发，允许开发者使用HTML、CSS、JavaScript等Web技术创建桌面应用程序。Adobe AIR HTML文档集是为开发者提供的一份详尽的参考...

    《使用AdobeAIR开发Android应用程序》源代码

    Adobe AIR（Adobe Integrated Runtime）是一个跨平台的运行环境，允许开发者使用HTML、CSS、JavaScript或ActionScript语言创建桌面和移动应用程序，覆盖了Windows、Mac OS X以及包括Android在内的移动设备。...

    air运行环境，air桌面运行环境

    这个环境使得Web开发人员能够利用他们的现有技能集来构建功能丰富的桌面应用，打破了传统网页应用只能在浏览器中运行的限制。 标题"air运行环境，air桌面运行环境"指的是Adobe AIR的桌面版本，它为用户提供了在...

    flex开发系列书籍：AIR RIA开发

    AIR提供了一个跨操作系统运行时环境，允许开发者使用Web技术（如Flash、Flex、HTML、JavaScript和Ajax）开发桌面应用。用户在安装了AIR运行时后，可以直接像对待普通桌面程序一样使用这些应用程序，无需通过浏览器。...

    adobe AIR Hello World

    "Adobe AIR Hello World" 是一个基础教程，旨在引导新手了解如何利用Adobe AIR开发桌面应用。 在Adobe AIR中，"Hello World"程序通常是一个简单的起点，用于展示基本的设置和功能。下面我们将深入探讨这个过程，...

    构建Adobe AIR应用程序

    可以使用多种方法和工具来创建，比如在Flash Builder中使用Flex框架创建桌面应用，使用Flash Professional创建动画，或者用Dreamweaver结合HTML/CSS/JavaScript创建基于网页的应用程序。 6. 开发针对不同平台的AIR...

Magicbox
Global site tag (gtag.js) - Google Analytics