Adobe AIR 2.5 中的HTML, HTML5, CSS 和JavaScript 新特性 上
原文：What's new about HTML, HTML5, CSS, and JavaScript in AIR 2.5?
Adobe AIR 2.5 发布了一些新的API，同时其内部的HTML 引擎也增加了新的特性，这一变化主要是因为引入了新的WebKit版本。该版本与Safari 4.0.3 中使用的版本相同， 虽然最新的WebKit分支（Safari5，5.0.1和5.0.2） 包含了一些安全修复，然而大多数情况下，可以拿Safari 4.0.3作参考来衡量AIR 2.5中的WebKit 的行为。
这篇文章提供了新功能的概述，并强调Adobe AIR 2.5 中支持的HTML的相关功能和对应的WebKit版本的差异。新一代的Web浏览器还支持快速的JavaScript引擎(谷歌的V8，SquirrelFishi的WebKit和Mozilla的TraceMonkey)和HTML5。
版本化WebKit行为
AIR 2.5中HTML引擎行为有一些变化。为了防止AIR 1.5应用程序不能正常运行，这种行为已经根据命名空间和部署描述符被版本化了。这些被版本化的变化包括：
1) 如果HTML文件并没有<head>元素，自动隐式创建。在AIR 1.5不会隐式创建。
2) 如果XMLHttpRequest去请求一个不存在的资源，则会以DONE状态结束，并返回一个无效的HTTP状态码(0)来表示失，在AIR 1.5不会报告任何错误。
3) 如果一个XHR 请求使用POST方法并且没有内容(即 content.length == 0)，则该请求不会自动转换为使用GET方法，在AIR 1.5中却能转化。
新的HTML，CSS和，JavaScript特性
随着WebKit的更新, AIR Runtime也改进了对JavaScript，CSS3，canvas 和data：urls 的支持。
Nitro JavaScript引擎(SquirrelFish Extreme)
新版本的WebKit支持一个修正的JavaScript引擎 SquirrelFish Extreme，这一版本与以前版本相比性能有了巨大的提高。因此，基于HTML / JavaScript的AIR 2.5 应用程序在没有任何代码修改或重新打包的情况下，运行速度就提高了两倍。表1给出了AIR 1.5.3，AIR 2.5和Safari 4.0.4性能的比较，以Google V8和 WebKit SunSpider作为基准。
|
操作系统/基准
|
AIR 1.5.3
|
AIR 2.5
|
Safari 4.0.4
|
|
Windows XP/V8 (值越大性能越好)
|
158.6
|
1157.8
|
1509.4
|
|
Windows XP/SunSpider(值越小性能越好)
|
3286.4
|
1625.4
|
666.2
|
|
Mac OSX 10.6/V8(值越大性能越好)
|
374.4
|
2522.8
|
2619
|
|
Mac OSX 10.6/ SunSpider(值越小性能越好)
|
1758.8
|
608.2
|
374.4
|
表1 JavaScript引擎的性能比较
从表中可以看出AIR 2.5 和Safari 版本有速度差别，因为AIR runtime优先考虑runtime 大小，而Safari 优先优化速度。
改进的CSS3支持
WebKit包含了很多的CSS新属性。有些是CSS3草案的一部分，有些是WebKit的特定扩展。
1) 2D transformations，animations和transitions：
二维转换通过- WebKit-transform*和- WebKit-perspective*属性和相关的转换功能应用到html 元素中。
- WebKit-transition*属性可以被用来实现CSS属性，包括（但不限于）颜色，位置和尺寸的平滑过渡，可以和-WebKit-transform*属性和方法并用一起来创建简单动画。
Animations 把transforms 和transitions的概念又发展了一步，允许开发人员通过声明的方式使用关键帧来修改行为。采用CSS属性- WebKit-animation* 和@keyframes规则。
2) 滚动条样式：
WebKit的推出了一套新的CSS属性，允许用户给滚动条换皮肤和进行个性化设置。可以通过- WebKit-scrollbar*来访问这些属性，即─WebKit-scrollbar，- WebKit-scrollbar-button，-WebKit-scrollbar-track，- WebKit-scrollbar-track-piece，-WebKit-scrollbar-thumb，-WebKit-scrollbar-corner和 WebKit-resizer。
在典型的Web应用程序使用这些属性设置皮肤可能有问题，因为有些浏览器并不支持(不是WebKit内核或者WebKit版本太低）。但是在AIR应用程序，比起用JavaScript的模拟滚动条利用这些属性是一个更好的选择。
3) 文本列支持：
支持- WebKit-column-count和- WebKit-column-gap属性，在一个容器中文本可以跨任意数量的列。
4) zoom：
AIR 2.5支持CSS3 zoom 属性，可用于指定元素的放大,更改zoom属性可以起到动画效果。
5) Web fonts：
通过css @font-face 声明可以实现Web 字体，它允许字体文件作为资源和其他的资源文件一起放在服务器一端来动态渲染页面。注意 AIR 2.5只支持TTF 和OTF Web字体。
6) 最新<canvas>标签增强
AIR 2.5 支持<canvas> 标签的全部功能，包括imageData API(getImageData()，createImageData()和putImageData())和在css 样式表中使用canvas 对象作为背景图像。
7) Data:URLs
AIR 2中已经支持了data:urls 语法。但是因为潜在的安全风险有一些限制。Data：urls可以在以下情况中使用：
l 只有当它指向一个AIR runtime支持的文件类型时。(JPEG，PNG，BMP和XBM，ICO)唯一支持的编码是Base64。任何其他的内容(包括脚本和Flash Player的内容)都无法通过data:urls语法嵌入页面。
l 仅在那些期望是图片的地方。这包括图片标记(<img src="data:image/png;base64,..." />)，图像类型的输入标签(<input type=”image” src=”data:image/png;base64,…” />)，和CSS规则允许的图片url(background:url(‘data:image/png;base64,…’);)。
请注意 AIR 2.5 中，对于data:URLs 的安全性限制已经更新，目前还允许在@font-face声明中使用此语法。基本上，可以用data:URL语法在CSS样式表中在@font-face 声明中，使用src 规则嵌入字体，例如：
@font-face {
font-family: “MyDataFont”;
src : url(“data:font/opentype;base64,…”);
}
分享到：
相关推荐
Adobe AIR（Adobe Integrated Runtime）是Adobe公司开发的一款跨平台的应用程序运行环境，它允许开发者使用HTML、CSS、JavaScript等Web技术或ActionScript编程语言创建桌面应用程序。这些应用程序可以在Windows、Mac...
通过集成Adobe AIR的支持，设计师和开发者可以利用Dreamweaver的界面和工具来构建和调试运行在AIR平台上的应用。 描述中提到的“dreamweaver的adobe air扩展Adobe_AIR.mxp”是这个扩展的具体文件，.mxp文件是...
Adobe AIR（Adobe Integrated Runtime）是Adobe公司开发的一款跨平台的应用程序运行环境，它允许开发者使用HTML、CSS、JavaScript以及ActionScript等技术创建桌面应用程序。标题中的"adobe air runtime version 50.2...
2. **HTML5和CSS3支持**: Adobe AIR支持HTML5和CSS3的新特性，使得开发者可以创建具有现代网页设计元素的桌面应用，如音频和视频播放、离线存储、拖放功能等。 3. **JavaScript API**: AIR提供了丰富的JavaScript ...
Adobe AIR为开发人员提供了一个集成的开发环境，可以利用Web技术如HTML、CSS、JavaScript（通过ActionScript 3.0实现）和Flex框架，创建可以在Windows、Mac OS和Linux上运行的桌面应用程序。它将Web的动态性与桌面...
标题中的“用Adobe Air和Javascript实现一个简单的不规则窗口桌面程序”揭示了本文将探讨如何使用Adobe AIR（Adobe Integrated Runtime）框架与JavaScript编程语言来创建一个具有非标准形状的桌面应用程序。Adobe ...
Adobe AIR（Adobe Integrated Runtime）是Adobe公司开发的一款跨平台的应用程序运行环境，它允许开发者使用HTML、CSS、JavaScript以及ActionScript等技术创建桌面应用程序。在本案例中，我们讨论的是Adobe AIR ...
Adobe AIR（Adobe Integrated Runtime）是Adobe公司推出的一款跨平台的应用程序运行环境，它允许开发者使用HTML、CSS、JavaScript以及ActionScript等技术开发桌面应用程序。这个入门教程是Adobe公司的内部资料，对于...
- **打包应用程序**：使用Adobe AIR SDK提供的工具将HTML、CSS和JavaScript文件打包成AIR应用。 - **调试工具**：利用Adobe AIR自带的调试工具来检查错误和性能问题。 - **测试与优化**：确保应用在不同操作系统上都...
Adobe AIR（Adobe Integrated Runtime）是一种由Adobe Systems开发的跨平台应用程序运行环境，允许开发者使用HTML、CSS、JavaScript以及Adobe Flash Player或Flex构建的应用程序在桌面操作系统上作为独立的应用程序...
Adobe Integrated Runtime (简称 AIR) 是一个跨操作系统的运行平台，它支持开发者利用现有 Web 开发技术（如 Flash、Flex、HTML、JavaScript 和 AJAX）来创建富 Internet 应用程序，并将这些应用部署到桌面环境中。...
Adobe AIR (Adobe Integrated Runtime) 是一个跨平台的运行环境，由Adobe公司开发，它允许开发者创建桌面应用程序，这些应用程序能够利用Web技术，如HTML、CSS、JavaScript，同时也能利用ActionScript，这是Adobe ...
1. **Adobe AIR**：Adobe Integrated Runtime（AIR）是一种运行时环境，允许开发者使用HTML、CSS、JavaScript或ActionScript创建桌面和移动设备上的富互联网应用程序（RIA）。AS3是ActionScript的第三个主要版本，常...
Adobe AIR使用WebKit作为其渲染引擎，这意味着开发者可以充分利用HTML5、CSS3以及JavaScript等现代Web技术的优势。WebKit的强大性能确保了开发者能够在AIR中创建高性能的应用程序。 #### 第2章: 在AIR中进行HTML和...
通过使用HTML5的新特性和元素，如`<video>`和`<canvas>`，开发者可以构建更加动态和交互式的UI组件。 - **Ajax数据处理**：Ajax技术可以让应用程序在后台与服务器进行异步数据交换，这使得用户可以在不刷新整个页面...
Adobe AIR允许开发者利用已有的Web开发技术，如Flash、Flex、HTML、JavaScript和Ajax，创建具有丰富用户体验的应用程序。 首先，AIR是一个运行时环境，它在用户的计算机上运行，使得基于Web技术的应用程序能够像...
在这个实例课堂中，首先会介绍Adobe AIR的基本概念和环境搭建，包括安装Adobe AIR SDK和集成开发环境（如Flash Builder或IntelliJ IDEA），以及如何创建一个新的AIR项目。接下来，可能会讲解如何设置应用的用户界面...
Adobe AIR（Adobe Integrated Runtime）是Adobe公司推出的一款跨平台的应用程序运行环境，它允许开发者使用HTML、CSS、JavaScript以及ActionScript等技术开发桌面应用程序。这篇博客"adobe air 入门示例"很可能是...