`

Flex:AIR十分钟就能做出一个浏览器

阅读更多

AIR十分钟就能做出一个浏览器

发布:时间:分类: Flash & ActionScript

是的, 标题没打错字,做出一个浏览器只需要10分钟。浏览器向来是高深莫测的东西,以前是普通人不敢想的,现在也落入了平常百姓家。10分钟制作一个浏览器,利用的是Adobe AIR 的Runtime内嵌了一个叫WebKit的开源网页排版引擎。WebKit是何方神圣?Google浏览器、苹果Safari浏览器的核心就是它。WebKit本身已经包含了HTML排版引擎和JavaScript脚本引擎,也就是说只要调用WebKit马上就就能浏览网页。

目前Adobe AIR 1.5除了升级到FlashPlayer 10以外,还更新了最新了的WebKit版本,据说其JS脚本执行速度也提高了30%以上。得益于这个浏览引擎的开源,AIR十分钟就能生成一个像模像样的浏览器,浏览页面的效果跟Google Chrome是一样的,连中文网页解析英文字体解析不够清晰这个缺点也一模一样。AIR 15MB的安装包,解压安装后不知道多少,但是光一个"WebKit.dll"这个文件就快15MB了,我吃饱饭没事干把这文件压缩了一下,都还要占4MB多的空间,说明AIR安装包,应该有三分之一大小就是这个WebKit,那么对于它在Adobe AIR的位置,份量应该是相当重的。这个东西应该也是Adobe AIR号称能使用HTML+AJAX等技术开发的基础吧?

试想一下,有了AIR,把一个网络应用发布到桌面是何其简单的事情,仅仅需要发布一个设定好网址的专用版浏览器!试想而已呵呵,尽管大部分功能正常,但实际应用会有一些兼容问题。

当然这个WebKit要真正用起来,实现浏览器各种细节功能还是要花些功夫的,不过利用AIR确实能在10分钟内制造出一个支持HTML、CSS、JavaScript的粗糙浏览器。70行代码就弄出了一个浏览器,对于高手可能连10分钟都不用呢。说来说去也没意思,干脆上个例子吧:

名称:SimpleWebKitBrowser.air 大小:270kb
下载AIR文件和源代码:点击下载 Simple WebKit Browser.rar
(需要先安装Adobe AIR 1.5版运行环境,可到这个地址下载:http://airdownload.adobe.com/air/win/download/latest/AdobeAIRInstaller.exe

附上一张截图(解析的是英文雅虎的主页):

分享到:
评论

相关推荐

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

    【标题】:“flex开发系列书籍:AIR RIA开发” 【描述】:“浅谈基于FLEX与AIR的RIA开发技术及应用.pdf” 【标签】:“flex” “RIA” “AIR” 【正文】: 富互联网应用程序(Rich Internet Applications, RIA)...

    flex4.6 air 读写文本文件

    Flex是一个用于构建富互联网应用程序(RIA)的开源框架,它基于ActionScript 3.0编程语言和Flash Player或Adobe AIR运行时环境。Adobe AIR则允许开发者创建可以在桌面环境下运行的跨平台应用程序,它提供了访问本地...

    flex air 导出 excel

    2. **Flex Air客户端**:在Flex应用中,你需要创建一个服务调用,发送请求到服务器端接口。数据可以通过HTTPService或WebService组件发送,确保正确编码中文字符以避免传输过程中出现乱码。 3. **数据序列化与反...

    flex air中文官方帮助文档

    Flex Air是中国Adobe公司开发的一款基于Flash技术的富互联网应用程序(RIA)开发平台,它允许开发者创建可以在桌面运行的跨平台应用程序。本“Flex Air中文官方帮助文档”是开发者的重要参考资料,详细介绍了Flex ...

    flex air开发指南

    - **安全模型**:AIR 提供了一个安全沙箱模型,限制应用程序的权限,防止恶意行为。 - **权限管理**:开发者需要明确指定应用程序所需的权限,以确保安全性。 ##### 1.6 AIR文件结构 - **应用程序描述文件**:定义...

    Flex4 Air 自定义窗口

    Adobe AIR则是Flex的一个重要扩展,它允许Flex应用运行在桌面环境,而不只是局限于浏览器。AIR提供了本地桌面功能,如访问文件系统、桌面集成和离线运行等,极大地拓宽了Flex应用的使用场景。 在Flex4 AIR应用中...

    Flex4 Air 多窗口 自动更新

    1. **Flex4**:Flex4是Adobe Flex框架的一个主要版本,它引入了全新的Spark组件架构,提供了更强大的样式和皮肤功能,以及对ActionScript 3.0的完全支持。Spark组件库提供了更多样化的UI元素,使得开发者能够创建出...

    flexair网页截图工具

    总之,FlexAir网页截图工具是一个强大的网页捕获工具,提供全面的截图和编辑选项,以及方便的分享和存储功能,能够满足用户在日常工作和学习中的各种截图需求。通过理解其主要组件和功能,用户可以更有效地利用这个...

    flex Air 打包

    1. **Adobe AIR(Adobe Integrated Runtime)**:AIR是Adobe公司推出的一个运行环境,它让Web开发者能够使用HTML、CSS、JavaScript或Flex技术构建桌面应用程序。AIR提供了与操作系统更深入的交互能力,如访问本地...

    flex air开发中文教程

    最后,为了帮助读者更好地掌握所学知识,教程很可能包含一系列实践项目,指导读者从无到有地构建一个完整的Flex AIR应用。通过这些项目,读者可以将理论知识应用于实际,提升开发技能。 总之,"Flex Air开发中文...

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

    【Java Flex 开发 AIR 完整源码及文档】是一个针对Java与Adobe Integrated Runtime (AIR)集成开发的资源包,包含完整的源代码和详细的开发指南。这个资源旨在帮助开发者掌握如何使用Java作为后端服务,与Adobe Flex...

    Flash+Flex+Air移动开发入门经典 pdf

    《flash+flex+air移动开发入门经典——适用于android、ios和blackberry》 第1章 flash、flex和air简介 1 1.1 adobe flash 1 1.2 actionscript 3.0 2 1.2.1 ecmascript 2 1.2.2 关键概念 3 1.3 flex框架 11 ...

    Flex Air 学习资料\01.Flex概述.rar

    Flex Air是Flex的一个扩展,增加了对桌面应用程序的支持,利用Air(Adobe Integrated Runtime)运行时环境,使得Flex应用能够脱离浏览器独立运行。 2. **ActionScript 3.0**:ActionScript是Flex的主要编程语言,...

    GIFPlayer for flex/air

    GIFPlayer是一款专门设计用于Flex和Adobe AIR环境的控件,其核心功能在于提供了一个强大的平台,使得开发者能够在Flex或Air应用程序中轻松地播放GIF动画。这款控件不仅支持常见的GIF动画,还可能包含一些高级特性,...

    基于Flex AIR制作的网页浏览器组件,支持多标签和文件下载.zip

    标题中的“基于Flex AIR制作的网页浏览器组件,支持多标签和文件下载”表明这是一个使用Adobe Integrated Runtime (AIR)和Flex技术开发的Web浏览器组件。Flex是ActionScript 3.0的开发框架,常用于构建富互联网应用...

    flex air 博客管理系统

    2. **Adobe AIR (Adobe Integrated Runtime)**:AIR是一个跨平台的运行环境,允许开发者使用Web技术(如HTML、JavaScript、Flash/Flex)创建桌面应用程序。它将Web应用程序的灵活性与桌面应用程序的特性相结合,如...

    flex air 本地文件管理器

    《Flex Air 本地文件管理器:打造Windows系统式的文件操作体验》 在现代软件开发领域,Adobe Flex Air技术提供...无论是对于普通用户还是专业开发者,Flex Air都是一个强大且灵活的工具,推动了桌面应用的创新与发展。

    FLEX播放器 flex 开发AIR及Flex之mp3播放器教程

    在本教程中,我们将深入探讨如何使用Adobe Flex技术开发一个MP3播放器,这涉及到FLEX播放器、Flex SDK以及Adobe Integrated Runtime (AIR)的使用。Flex是一种强大的开放源代码框架,用于构建富互联网应用程序(RIA)...

    flex 样式浏览器生成器

    1. **创建和调整容器**:在生成器中,用户可以创建一个Flex容器,并设置其方向(如水平或垂直),对齐方式(如居中、两端对齐或沿轴线分布)等属性。 2. **添加和排列子元素**:工具允许用户添加多个子元素到容器中...

Global site tag (gtag.js) - Google Analytics