写点什么

微软 Internet Explorer 10 浏览器 指尖触碰盛放网络之美

  • 2013-01-07
  • 本文字数:2477 字

    阅读完需:约 8 分钟

说到“Web 之美”,这话题最早可追溯到 Internet Explorer 9 问世之前,面对 FireFox 和 Chrome 等竞争对手的迅速崛起, 作为微软浏览器产品历史上的革新巨作,IE9 的核心口号就是“Web 之美”。

微软认为,Web 页面虽然早已被人视为和空气、饮水一样平凡到不值得特别去注意的事物,但它们在本质上是美的。只是 Web 的美有待发掘,需要一个合适的平台,让 Web 页面能够发挥自己的特色与优势,从简单的功能和千篇一律的设计中解放出来,给用户眼前一亮的感觉。在 IE 9 正式发布前,微软专门开设了一个主题站点,名为“Beauty of the Web”(“Web 之美”,www.beautyoftheweb.com),提供 IE 9 的下载安装,并展示了 HTML5 技术和硬件加速结合所产生的一系列优美效果。转眼到了 IE 10 的时代,微软虽然没有重提旧日的口号,却悄悄将主题站点的内容进行了一次大换血。如今再登录 Beauty of the Web,您将看到的是新一代 Internet Explorer 在技术与美学方面所取得的成果展示。

这其中效果最为出众的就是游戏界老牌巨头雅达利(Atari)配合 IE 10 所开发的主题站点“雅达利街机房”(Atari Arcade,arcade.atari.com)。凭借 HTML5 和 CSS3 技术,雅达利将 Lunar Lander、Missile Command、Asteroids、Centipede 等 8 款在 80 年代风靡全球的街机老游戏搬上了 Web 平台,在保留经典游戏规则的同时,又配上当代标准的图形与声光效果,“新”与“旧”实现了完美的统一。8 款游戏呈街机卡带的形式堆叠在屏幕左边,玩家可以通过触摸屏或鼠标等设备进行上下拖曳选择,向左右旋转卡带则能在侧面看到该游戏目前总计进行过的游戏局数以及目前的全球最高积分。在触摸屏上轻点几下,经过短暂的读取,即可进入游戏,无需事先下载任何运行插件。值得一提的是,凭借硬件加速功能,该网站在基于 ARM 处理器的 Windows RT 设备上运行情况也颇为不错。

“Contre Jour”这个名字对大家来说可能并不陌生。早在几个月前,该游戏就已经出现在苹果的 App Store,最近更是作为 Xbox Live 游戏登陆 Windows Phone Marketplace(链接)。“Contre Jour”是法语,意为“逆光”,指迎着强光拍摄、使画面中的景物只留下黑色轮廓的摄影手法。这款游戏正是大量运用了轮廓与剪影的艺术元素,辅以优美的音乐和目前手机平台上流行的物理游戏规则,为用户带来耳目一新的体验。美国时间 10 月 9 日,在微软的主持下,Contre Jour 的 Web 版本与全球用户见面了。新版本以 HTML5 为技术基础,几乎完整复制了该游戏在手机上本地运行的体验,无论音乐、画面,还是游戏内容,都仅有强化,绝无折扣。目前发布的 Web 版本将包括原版游戏的前 3 章内容,外加游戏开发的幕后故事以及来自开发团队的技术分享。与之前同样被搬上互联网的 Cut the Rope 的 Web 版本相比,Contre Jour 更进一步,图形和人机交互的方式更加复杂,尤其是触摸操作的部分。几个月前,在网页游戏中完全采用触摸操作还是一项不可能的任务,但是 IE10 将不可能变为可能。从前大家比拼页面渲染速度,现在各个竞争对手之间的速度差距不过就在几微秒之间,继续纠缠这个已经没有太大意义。对触摸的支持程度将成为浏览器市场的下一个竞争点。好奇的读者可以访问 www.contrejour.ie 亲自进行体验。据悉,不久之后微软将发布该游戏的完全汉化版本。因为 Contre Jour 的 Web 版本图形运算量巨大,且需要用到多点触摸,推荐大家在配备了 IE10 浏览器的 Windows 8 触摸设备上访问网站,以保证最佳游戏体验。

中国著名 IT 新闻站点 cnBeta 也为 IE 10 开发了专门的全新版本(ie.cnbeta.com)。在这一版本中,cnBeta 原本的密集排版风格荡然无存,一切都采用简洁大气的 Modern 设计风格进行显示。cnBeta 内容量非常大,每天更新很频繁,瀑布流排版可以尽可能多的展现内容,另外无限的下拉滚动加载也很好地让用户方便查看更多文章。利用 HTML5 以及 CSS3 的 media query 让整个版面随着不同的屏幕和分辨率进行自适应,实现跨平台的支持,这意味着更大的屏幕能看到更多的内容,而小屏幕的体验也有保证。新版网站加强了对触摸屏设备的支持。轻触一篇文章,该文章立即在前景中展开,并附带分享到新浪微博、腾讯微博和人人网的快捷功能。

上述网站的主要技术基础是 HTML5,理论上说在任何一款支持 HTML5 的浏览器中均可实现同样效果。但 IE 10 的若干项特性决定了只有该平台能够让新一代的 Web 完全发挥出其应有的魅力:

  • “沉浸式”体验。IE 10 在上一代的基础上进一步缩减了自身界面所占用的屏幕像素,将 IE 窗口及控件所占用的像素数量缩减到 0,也就是说完全没有边框、没有按钮、没有输入栏,这一切默认情况下都被隐藏。整个窗口完全用于展示网页,上述两个网站在 IE 10 中运行的效果仿佛本地安装的应用,全无约束感。
  • 更加强劲的硬件加速功能。无论是复杂的动画、高清的视频,还是游戏中真实的物理效果,都由电脑的 GPU 来分担计算量。无卡顿、不跳帧地通过网页来实现本地应用一样的游戏效果不再是梦想。
  • 对 HTML5 和 CSS3 等技术的强大支持。许多从前必须依靠 Flash 甚至 Java applet 才能够实现的复杂网页应用,如今只要单纯的页面代码就足以完美实现。不用再安装 Flash 播放器、Java 运行环境等平台插件。手机、平板电脑、笔记本、桌面 PC,同样的 IE 10 访问同样的页面,总是得到同样的效果。
  • 完美的触控支持。IE 10 是目前市面上唯一完全支持触控操作的浏览器,而且支持多达 10 点的多点触控。作为一款跨越手机(Windows Phone 8)、平板电脑、桌面电脑的浏览器,这无疑为开发者带来了极大的便利。开发者现在可以考虑以 Web 应用的形式推出同时针对所有平台的游戏和软件,并且无需担心平台限制,随意为应用添加复杂的触控手势支持。开发者的便利,就是普通用户的福音。

新一代的 IE 为 Web 提供了绝佳的展示平台,足够让 Web 应用摆脱“二等公民”的标签,抛开其原本表现力不足的短板,发挥统一化、跨平台的优势,与近年来持续火爆的本地应用程序一争高下。拘束已经不再,Web 开发者们大可以尽情发挥创意,在浏览器中描绘更美好的未来。同时,作为无网不欢的消费者,我们能够以全新的方式更爽快地享受网络中创新内容的魅力。

2013-01-07 02:42664
用户头像

发布了 1444 篇内容, 共 670.8 次阅读, 收获喜欢 2479 次。

关注

评论

发布
暂无评论
发现更多内容

耗时一周整理的牛客网上最火Java面试八股文,面试必备

架构师之道

Java 面试

Office 2021和 Office 365 有什么不同之处?office 2021 和 365 区别是什么

Rose

Office 365 Office 2021 office下载

Java面试很难?啃完阿里老哥这套Java架构速成笔记,我都能拿30K

做梦都在改BUG

关于Spring Cloud Alibaba,看阿里这篇笔记真香

Java你猿哥

分布式事务 微服务 Spring Cloud 服务治理 Spring Cloud Aliababa

学懂缓存雪崩,缓存击穿,缓存穿透仅需一篇,基于Redis讲解

Java你猿哥

Java redis 缓存击穿 缓存雪崩 Redis缓存穿透

DR5白金版 for mac(PS一键磨皮插件Delicious Retouch)支持ps2022 v5.0汉化版

Rose

DR5白金版 PS一键磨皮插件 dr5插件 汉化版PS插件 dr5插件教程

软件测试/测试开发丨Web自动化 PageObject 设计模式

测试人

程序员 软件测试 自动化测试 测试开发 Web自动化测试

五十万字总结!2023最新Java面试八股汇总(含答案,收藏版)

采菊东篱下

Java 面试

mac分屏功能怎么用?mac分屏软件推荐 magnet

理理

Magnet中文版 Magnet破解版 mac分屏功能 Magnet Mac下载 苹果窗口管理软件

使用Go语言实现门面模式:简化复杂子系统的访问

Jack

Maven Cannot resolve plugin org.apache.maven.plugins

Andy

分布式事务的21种武器 - 7

俞凡

架构 云原生

photoshop神经滤镜是什么,神经滤镜功能揭秘~

Rose

photoshop神经滤镜 Neural Filters插件 ps滤镜下载 PS2023破解

基于Redis讲解,学懂缓存雪崩,缓存击穿,缓存穿透

做梦都在改BUG

Java redis 缓存穿透 缓存击穿 缓存雪崩

非常全面的 SpringBoot 保姆级笔记,面面俱到,太牛了

做梦都在改BUG

Java spring 微服务 Spring Boot 框架

国外顶级架构师编写2580页DDD领域驱动设计笔记,看到内容后破防了

做梦都在改BUG

Java 架构 领域驱动设计 DDD

阿里巴巴Java开发手册(华山版)

Java你猿哥

Java MySQL ssm JAVA开发 Alibaba

iOS MachineLearning 系列(19)—— 分析文本中的问题答案

珲少

Parallels Desktop如何退出账号?PD18虚拟机退出账号方法

Rose

pd18虚拟机 PD如何退出账号 Parallels Desktop下载 Parallels破解版 Mac虚拟机下载

爆肝了!阿里最新版的这份Spring Security源码手册,狂揽GitHub榜首

做梦都在改BUG

Java spring spring security Spring Security OAuth

工厂+策略在springboot项目中的使用场景

做梦都在改BUG

Java Spring Boot 工厂模式 策略模式

简直人生外挂,直接涨薪25K,跪谢这份Java性能调优实战宝典

做梦都在改BUG

Java 性能优化 性能调优

阿里“妈宝级”之作,Kubernetes原理剖析与实战应用手册,太全了

做梦都在改BUG

Java Kubernetes k8s

Parallels Desktop如何退出账号?PD18虚拟机退出账号方法

理理

Parallels Desktop下载 PD18虚拟机破解 Parallels如何退出账号

CMake构建指南:如何提高C/C++项目的可维护性

小万哥

Linux 程序员 C/C++ 后端开发 cmake

AE模板:短信消息聊天对话气泡动画Smart Text Message

Rose

AE模板下载 Smart Text Message 对话框气泡生生成器插件

利用springboot初始化机制三种实现策略模式的应用

Java你猿哥

Java spring Spring Boot 设计模式 ssm

ps神经滤镜是干什么的,神经滤镜的功能和作用

理理

ps神经滤镜 PS2023破解 Neural Filters下载 Photoshop2023 Mac

C语言编程—数组

芯动大师

阿里巴巴工程师1480道Java面试题及答案整理( 2023年 整理版)

Java你猿哥

Java MySQL redis JVM java面试

Java面试集锦

源字节1号

微信小程序 开源 软件开发 后端开发

微软Internet Explorer 10浏览器 指尖触碰盛放网络之美_JavaScript_InfoQ 中文站_InfoQ精选文章