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

摘要:
背景:我断断续续地用Winform和WPF开发了一些小工具,但我从未能够做到这一点。我在玩Flex时接触过AIR,最近发现我可以用HTML+Javascript开发AIR应用程序。本文将对此进行尝试。运行效果开发过程目录结构应用程序描述符官方教程:http://help.adobe.com/en_US/air/build/WS5b3ccc516d4fbf351e63e3d118666ade46-7ff1.html 。 HTML页面官方教程:http://help.adobe.com/en_US/air/build/WS5b3ccc516d4fbf351e63e3d118666ade46-7ecc.html 。 HelloWorld.html123HelloWorld45891011中文12你好,世界1516171819$。手风琴20此处引用JQueryUI。1cd/dE:编码HappyStudyAIRStudyHelloWorld2和HelloWorld.app。Xml备注WEBQQ提供AIR版本。我不知道这是不是我做的平台?一些使用过AIR的朋友可以给我一些建议。非常感谢你。
背景

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

什么是AIR?

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

环境准备

AIR SDK下载:Adobe AIR SDK

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

运行效果

AIR:使用 HTML + Javascript 开发桌面应用第1张

AIR:使用 HTML + Javascript 开发桌面应用第2张

开发过程

目录结构

AIR:使用 HTML + Javascript 开发桌面应用第3张

应用程序描述符

官方教程: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:CodingHappyStudyAIRStudyHelloWorld
2 adl HelloWorld.app.xml
备注

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

免责声明:文章转载自《AIR:使用 HTML + Javascript 开发桌面应用》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇【题解】localmaxima 数论Creckme_bjanes.1下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

原生JS实现ajax与ajax的跨域请求

一、原生JS实现ajax 第一步获得XMLHttpRequest对象 第二步:设置状态监听函数 第三步:open一个连接,true是异步请求 第四部:send一个请求,可以发送一个对象和字符串,不需要传递数据发送null 第五步:在监听函数中,判断readyState=4&&status=200表示请求成功 第六步:使用responseTe...

如何用JS判断网页中某个id的网页元素是否存在(两种写法 jQuery写法和原始写法:

在传统的Javascript里,当我们对某个页面元素进行某种操作前,最好先判断这个元素是否存在。原bai因是对一个不存在的元素进行操作是不允许的。例如:document.getElementById("someID").innerText("hi");如果ID为"someID"的元素不存在,我们将得到Javascript运行错误:document.getE...

vue指令(3)v-html

理论知识 v-html可向元素中插入html片段,例如 '< h1>标题一< /h1>'等 该指令存在安全漏洞,因此在本地代码中可以使用,如果要调用第三方的代码中包含该指令,则存在安全隐患。 该指令的值可以同vue对象的data属性中变量绑定。 实践 <!DOCTYPE html> <html> <...

教会你Linux Shell自动交互的三种方法

你了解Linux系统么?你是Linux系统的应用者么?如果你要学习linux,你可能会遇到Linux Shell自动交互问题,这里将介绍Linux Shell自动交互的解决方法,在这里拿出来和大家分享一下。 一、背景 shell脚本在处理自动循环或大的任务方面可节省大量的时间,通过创建一个处理任务的命令清单,使用变量、条件、算术和循环等方法快速创建脚本以完...

Scrapy进阶知识点总结(二)——选择器Selectors

1. Selectors选择器 在抓取网页时,您需要执行的最常见任务是从HTML源提取数据。有几个库可用于实现此目的,例如: BeautifulSoup是Python程序员中非常流行的Web抓取库,它基于HTML代码的结构构造Python对象,并且相当好地处理坏标记,但它有一个缺点:它很慢。 lxml是一个XML解析库(也可以解析HTML),它使用基于E...

跨域问题出现原因和解决方案

一、出现原因 跨域是指a页面想获取b页面资源,如果a、b页面的协议、域名、端口、子域名不同,或是a页面为ip地址,b页面为域名地址,所进行的访问行动都是跨域的,而浏览器为了安全问题一般都限制了跨域访问,也就是不允许跨域请求资源。 例如: URL 说明 是否跨域 http://www.a.com/lab/a.jshttp://www.a.com/s...