在 IE Test Drive 网站上，我们提供了一个有趣的钢琴演示， 用来演示 BlobBuilder 和文件 API 功能。当按动钢琴上的音键时，网站会构建两个文件：一个 mp3 音乐文件，和一个记录音乐得分的 SVG 文件。您可以看到，每次按下一个音键时，两个文件的大小也随之变化。按播放按钮可以听到您演奏的曲调，或者按钢琴键上面的链接可以下载音乐文件或 SVG 得分文件。在本博文中，我将详细介绍这个演示如何工作，重点介绍 BlobBuilder 和文件 API 的功能。

BlobBuilder 功能

顾名思义，BlobBuilder 是指一种在客户端上构建 blob 的方式。完成此项任务的主要方法是 append。append 函数接受三种数据类型：

• Blob 对象
• 纯文本
• 数组缓存

钢琴演示使用一个 blob 代表一个音符，再将 blob 附加到一起，从而创建 mp3 文件。该演示通过附加包含 SVG 源的文本，来创建包含音乐得分的 SVG 文件。

getBlob 是 BlobBuilder 对象上的另一种可用方法，它将返回一个 blob 对象，其中包含以前附加的所有项。下面是利用 BlobBuilder 创建文本文件的一个简单示例：

// The BlobBuilder constructor is prefixed in all browsers.
 
// Use MSBlobBuilder in IE, MozBlobBuilder in Firefox, and WebKitBlobBuilder in WebKit-based browsers.
 
var bb = new MSBlobBuilder();
 
bb.append("Hello World!");
 
var blob1 = bb.getBlob("text/plain");

关于 getBlob 方法要注意的一件事是，当您在 IE10 和 Firefox 调用 getBlob 时，将会清除 BlobBuilder 对象的内容，所以下次您调用附加时，就好象您附加到一个新的 BlobBuilder 对象一样。在调用 getBlob 后，WebKit 当前不会清除 BlobBuilder 的内容。请看以下示例：

var bb = new MSBlobBuilder();
 
bb.append("Hello World!");
 
var blob1 = bb.getBlob("text/plain");
 
bb.append("BlobBuilder is great");
 
var blob2 = bb.getBlob("text/plain");

在所有浏览器中，blob1 将包含文本“Hello World!”。但 blob2 则不然。在 IE10 和 Firefox 中，blob2 将包含文件“BlobBuilder is great”，而在基于 WebKit 的浏览器中，它将包含文本“Hello World!BlobBuilder is great”。Web 应用程序工作组仍在对这种差别进行热烈讨论。

通过 XHR 获取 Blob

文件 API 会令您方便地访问用户选择的文件，我在 Magnetic Poetry 演示中演示了这项功能。当您想要将用户拥有的数据合并到您的网站时，这个功能非常有用。不过，在钢琴演示中，我需要将音符文件内置到演示中。当您想要使用 blob 但又希望提供数据时，您可以使用 XHR。

IE10 的新增功能是 XHR responseType 属性。responseType 属性支持四个值：blob、array buffer、text 和 document。在钢琴演示的初始化方法中 - getBlobs() - 您将看到以下内容：

var req = new XMLHttpRequest();
 
var url = 'PianoNotes/AllNotes2.mp3';
 
req.open('GET', url, false);
 
req.responseType = "blob";
 
req.onload = function () { /* ... */ };
 
req.send(null);

您可能会注意到该演示仅发出一个单一 XHR 请求。它仅下载一个文件，包含演示中使用的所有音符。不过，当您在演示中按下一个键时，只会发出一个单一的音符，网站仅将该单一音符附加到 mp3 文件。为了实现上述所述，在下载包含所有音符的文件后，网站会使用文件 API slice 方法对文件进行切分，然后提取出 24 个音符。与下载 24 个文件相比，这是极大的性能改进。

创建音乐文件

如果在演示中每个音符分别对应有一个 blob，则创建 mp3 文件非常简单。每次您按一个键，我将调用：

musicBlobBuilder.append(noteBlob);

为了更新文件大小，我获取该 blob，然后获取文件大小。

var musicBlob = musicBlobBuilder.getBlob("audio/mp3");
 
// display musicBlob.size

最终，因为我知道当我调用 getBlob 时 BlobBuilder 对象的内容已经清除，我只需将 blob 重新附加到以下内容中：

musicBlobBuilder.append(musicBlob);

创建 SVG 文件

每次您在演示中按下一个键，您就会看到一个音符添加到音乐得分中。音乐得分由一个单一的 SVG 元素计算得出，包含在一个名为“scoreContainer”的 div 中。每次您按下一个键，该脚本会运行，就将一个音符添加到 SVG 元素，然后通过附加该源创建 SVG 文件：

svgBlobBuilder.append(document.getElementById("scoreContainer").innerHTML);
 
var svgBlob = svgBlobBuilder.getBlob("image/svg+xml");
 
// display svgBlob.size

在这种情况下，我不会重填 svgBlobBuilder，因为我希望下次当用户按下某个键时，从一个空白曲调开始。

将文件保存到磁盘

该演示的最后一部分是将文件保存到磁盘。当您按钢琴键顶部的“Music File”（音乐文件）和“Musical Score File”（音乐得分文件）链接时，您将可以保存文件，不过感觉上类似于下载一个文件：

请注意，通知栏在 Platform Preview 各版本中不可用。而是呈现一个保存对话框。

每个链接调用 saveSong() 或 saveSheetMusic()。查看下面的每个方法会看到他们使用 msSaveOrOpenBlob 函数的情况：

window.navigator.msSaveOrOpenBlob(svgBlob, "MusicScore.svg");

msSaveOrOpenBlob 和 msSaveBlob 是 IE10 中提供的两种方法，允许网站询问用户是否将 blob 保存到他们的计算机。

调用 msSaveOrOpenBlob 将会在通知栏上提供一个打开该文件的选项（除了保存或取消选项之外）。调用 msSaveBlob 仅提供保存文件或取消文件的选项。尽管这些功能尚未包含进任何标准，我们相信他们对于利用 blob 编写端到端方案特别有用，希望他们将来某一天成为标准。

创建钢琴演示是一个有趣的体验，我将非常高兴看到你们使用 BlobBuilder 的情况。欢迎您的任何反馈！

—Internet Explorer 项目经理 Sharon Newman

英文原文：Creating Files through BlobBuilder

This article addresses:http://www.iefans.net/ie10-blobbuilder-chuangjian-wenjian/

我们为使用 Windows 的用户开发了IE浏览器。IE9浏览器设计的宗旨是给 Windows 7 用户提供最快，最安全，最隐私的浏览体验，让您把焦点放在最重要的东西上面 — — 你喜欢的网站。

如果您还没有看到 IE 最近和准备好的改变。这里有一些原因，我们认为 IE9 可能会是您正需要的浏览器。

1、浏览而不被浏览。如果个人在线隐私信息的保护对您很重要，IE浏览器重视您的隐私，并让你负责管理。通过使用IE9跟踪保护和其他隐私保护功能，您可以控制正在跟踪您的在线活动的人 — — 广告商。

2、体验 Web 速度更快。根据最近来自 Laptop 杂志和 Strangeloop 网站开发公司的真实网站性能测试数据显示，当您使用IE9浏览时，网站加载速度比其他两个知名浏览器速度更快。正如我们以前所说，我们相信测试真实网站的加载时间是衡量您是否获得更快的Web浏览体验的正确方式。

3、浏览您最喜爱的网站只需一个点击。IE9的网站固定功能允许您把最喜爱的网站锁定在Windows 7任务栏，实现一键式访问和实时更新。Tweets，朋友和家庭的状态更新，股票，体育和天气同样能固定在你的任务栏，给您一个最快的途径访问您最关注的信息。

4、浏览免担忧。如果您担心你的在线安全，IE9保护您免受 Web 面临的威胁 - 比其他浏览器更好。无论是危险下载、钓鱼网站或者恶意链接，IE9确保你的安全。

5、一个更加美好的Web。随着IE9对HTML5和业界领先的硬件加速功能的支持，我们正在帮助开发商挑战在当今 Web 上或许可能的极限。无论是容易上瘾的游戏割绳子，或者以身临其境的方式为音乐爱好者享受他们喜欢的乐队。我们给开发商一个平台去挑战先前认为或许可能实现的东西，并推动他们的创造力。

尝试使用IE9，并开始体验在 Windows 中最安全、最快和最可靠的方法浏览网页。

Ryan Gavin - Internet Explorer 商务和市场营销总监

via：Choice iefans.net编译

This article addresses:http://www.iefans.net/liulanqi-xuanze/

就像名字暗示的那样，Windows Phone 8 将和 Windows 8 有非常紧密的关系，他们可能会在差不多的时间一起发布（今年下半年），并且会有互相整合的生态系统。

同时他们发布的时候，系统中内置的默认浏览器都是 IE10，只是 Windows Phone 8 中的 IE10 将是高度定制版的，除了完善基本功能与支持外，并将采用最新的网络技术。

Windows Phone 8 计划使用一个代理服务器来连接 IE10 页面，通过提供类似 Opera mini 和 Amazon Silk 的云端加速功能，以服务端压缩来减少浏览网页所要求的数据量，据称此项技术可以让 IE10 减少 30% 的流量消耗。

更多 Windows Phone 8 新特性：

• 多核处理器支持
• 新的屏幕分辨率标准，4 种
• 可移除 microSD 存储卡
• NFC 近场通讯支持，以及运营商品牌或控制的“电子钱包体验”，跨桌面、笔记本、平板和手机的“点击分享”
• Windows Phone 8 将采用 Windows 8 部分核心组件
• 新的同步软件来替代 Zune；Xbox Companion 应用也将会有 Windows 8 配套的客户端
• 跨设备的无缝 SkyDrive 同步
• 微软预计 Windows Phone 8 发布之时Marketplace 中有 10 万款应用
• 原生代码支持 – 允许开发出更强大的应用，也简化了从 iOS 和 Android 应用移植
• Skype 内置于系统之中，Skype 呼叫也更贴近普通电话呼叫的体验
• 相机功能将基于一“镜头应用”，微软提供最基本的功能和界面，OEM 或第三方可更换界面或通过“viewfinders”增加功能
• 减少与监控数据流量的 DataSmart 应用，自动连接运营商提供的 WLAN，Bing Maps 的 Local Scout 服务也支持实时热点位置提醒
• BitLocker 加密

Pocketnow原文：Exclusive: Windows Phone 8 Detailed

This article addresses:http://www.iefans.net/windows-phone-8-ie10-jiesheng-30-liuliang/

其中，IE8还是全球最常用的网络浏览器，1月份由27.34%上升至27.45%；IE6和IE7浏览器仍然有小部分用户使用，IE6在全球的市场份额为7.93%，上月增长了0.6%；IE7由4.8%上升至4.90%。

最受关注的IE9也继续保持增长的势头，在全部的操作系统平台，IE9由11.48%上升至11.64%。而在美国Windows 7平台上，市场份额已上升到了36.2%。

据悉，微软一直努力号召企业及个人用户停用IE6，升级至更现代的网页浏览器。微软曾在今年1月份宣布，IE6在美国的市场份额已降至1%以下。现在微软正在研发IE10版本，预计微软将在2012年下半年推出Windows 8操作系统的同时发布IE10。

其他浏览器

Mozilla的Firefox浏览器市场份额在上个月流失近1%至20.88%，Google的Chrome浏览器市场份额的增长势头戛然而止，开始出现下滑的趋势，下滑了0.17%至18.94%，也是自Chrome自2008年9月份发布以来的最大跌幅。

相比IE和Chrome的变动，苹果Safari和Opera这两款浏览器都表现的比较稳定，市场份额基本与12月持平，Safari由4.97%下滑至4.90%，Opera由1.66%上升至1.67%。

This article addresses:http://www.iefans.net/1yue-shichangfene-ie-zengfu-chuangjilu/

Metro 版 IE 不支持插件，这不仅提升了电池续航能力，而且还提高了安全性、可靠性和消费者的隐私。以前，我们写了有关如何使用IE的兼容性视图列表以确保网站为其他浏览器用户和免插件的 IE0 用户提供相同的体验。这篇文章描述了网站继续以插件方式为 Metro 版 IE 用户提供最佳的浏览体验。

需要插件的网站开发人员可以使用一个 HTTP 头 或者 Meta 标签来提示 Metro 版 IE 用户。

HTTP Header

X-UA-Compatible: requiresActiveX=true

META Tag

<meta http-equiv="X-UA-Compatible" content="requiresActiveX=true" />

Metro 版 IE10检测到这些标记以后，并提供用户一个切换到桌面版IE10的选项：

除了遵守这些由开发人员指定的 X-UA-Compatible 标记，兼容性视图列表中也可以指定某个站点在桌面版 IE 上运行。

这一机制可提供短期的过度。桌面版浏览体验和大多数插件不是为小屏幕、有限的电池和没有鼠标的设备而设计的。当不存在相应的免插件备用内容时，切换至Windows桌面版也是一个无奈之举。

一个没有插件的Web环境会让消费和和开发者受益匪浅，我们都是推动这种转变的一分子。若您迁移您的网站，IE10便于提供尽最佳的体验。

—Internet Explorer 项目主管 John Hrvatin

via：Web Sites and a Plug-in Free Web iefans.net编译

This article addresses:http://www.iefans.net/metro-ie10-mianchajian-wangluo/

下载完成后，右键单击 SelfRestraint.exe ，选择以管理员身份运行该程序，无须安装。

打开后点击 Edit Blocklist 按钮来加入禁止浏览的网站，完成后点击 Done 按钮。（以新浪微博为例）

回到主界面后，使用鼠标拖动时间刻度条，每个刻度为15分钟，确定后，点击 Start 按钮。

启用后，便会出现倒数计时器，时间到，便可再度浏览。

注：关掉倒数计时器后，SelfRestraint 会在后台运行。此外，你只能等待时间结束后浏览器才能访问网站，在任务管理器结束进程或是重启电脑是无法解除限制的。

SelfRestraint 运行后可以限制所有浏览器访问指定网站，不仅仅适用于IE浏览器。

软件语言：英文 免安装
软件大小：12.36 MB
支持系统：Windows XP/Vista/7 | Linux
官方网站：http://parker.kuivi.la/projects/selfrestraint.html
软件下载：Windows版本下载 Linux版本下载

via：关键应用

This article addresses:http://www.iefans.net/selfrestraint-xianzhi-fangwen-wangzhan-shijian/

乍看之下，除了 SaaS 应用程序是用浏览器来存取的之外，很难看出浏览器和云计算有何关联。但如果从环境云端的角度来看，浏览器本身就是一个云端。

想像一下：您有一个应用程序在数千万个处理器上执行，并且拥有 Terabit 的频宽可让您随时更新，因此想做什么用途都可以。这样的例子并不多:

第一个例子就是殭尸网络/傀儡网络 Botnet，也就是一群遭到网络黑客入侵的电脑。

第二个例子是一群由厂商或中央管理系统不断更新或远端管理的电脑操作系统。

第三个例子是一群由厂商或中央管理系统不断更新或远端管理的电脑应用程序。浏览器就是这样一个例子。

这可能只是云计算未来长远的发展之一，我们根本无法提供足够的电力、频宽或资料中心实体空间，来为每一个地球上的人提供集中式云计算。

浏览器的战争对于环境云端尤其重要，而且我认为 Google 和微软也深知其战略意义。Google 拥有强大的集中式云端，里面执行了搜索引擎、应用程序、邮件系统等等一大堆东西，但他们却也深知微软在分散式云端的优势，那就是微软的操作系统、应用程序与浏览器。正是这样的情势迫使 Google 推出了 Chrome 和 Android，这是他们建立环境云端的工具。这也是为何微软正努力推动虚拟化和 Azure 前端服务，因为他们知道自己必须提升集中式云端的市占率才能跟 Google 抗衡。

浏览器的战争只是二大巨头在集中式与分散式云端策略调整过程当中的一小战役。微软 IE 浏览器的市场份额流失的越多，对 Google 就越有利，不光只是云计算而已，而是牵动着整体策略。

以下是一个真实的例子。Plura Processing 正在开发全世界最大的分散式运算网络。有别于在操作系统上执行一个应用程序，Plura Processing 通过网站服务器来建立自己的区域。每次您浏览到使用 Plura 技术的网站时，您的浏览器就会下载一小段程序代码，并且在您浏览网页时执行计算工作。您电脑的计算结果会传回 Plura，他们再将您的结果与其他几百万台电脑传回的结果整合，以此方式来解决复杂的运算问题。

这真是太酷了，他们基本上是运用您电脑浪费的电力来解决原本需耗费更多集中式资料中心能源来解决的问题。这不仅对环境更友善，而且基本上会更有效率。

via：The Link Between Browser Share, Cloud Computing, and Security

This article addresses:http://www.iefans.net/liulanqi-yunjisuan-guanxi/

当浏览器能够高效地利用基础硬件的强大性能时，其应用前景是不可限量的。我们曾在节日期间发布了一个 HTML5 演示，向大家展示利用 Internet Explorer 10 内置的完全硬件加速、触控优先的浏览体验的强大优势。本博文揭示了 Let It Snow 演示的创建过程。该演示的实现模式属于典型的 HTML5 体验，在当今的 Web 应用和早期的 Metro 风格应用程序 中，HTML5 体验如星星之火，正在不断发展壮大。我们将重点关注该演示的功能实现，而不是演示的视觉效果。

随着低功耗的移动设备和触控优先的用户体验逐渐成为主流，用户对浏览器性能的期望值也被快速推高。现在，用户期望的浏览器性能包括：如何通过触控操作流畅地浏览网站、如果让网站快速对触控互动作出响应以及如何让浏览器有效地节约对电池电量的消耗。借助 Internet Explorer 10 和 Windows 8，我们开始着手打造适用于各种真实应用情景的世界上速度最快的浏览器。

构建 Let It Snow

	节日明信片我们首先创建了一个主题明信片，并在其中留出一个指定区域，用于填写节日祝福。该明信片在运行时利用 HTML5 Canvas 画布生成，并使用了大量常用的绘画技术，包括绘制图像、编排过渡效果、控制透明度和倾斜度等。
	暴风雪动画接下来，我们添加了大量纷纷飘落的雪花来制造一场暴风雪。我们利用覆盖在明信片之上的第二层 Canvas 画布来实现此目的。每一片雪花都是 JavaScript 集合中的一个对象，JavaScript 集合存储了雪花的状态，如当前位置、飘落速度和要绘制的图像。该 Canvas 在每一帧清空一次，并从基础模型重复该场景。
	雪花渐渐沉积随着时间的推移，雪花将沉积到标志牌上。我们利用命中检测技术来确定雪花何时飘到标志牌上方，并随机分配雪花在标志牌上的飘落位置。当雪花接近目标位置时，我们使用 HTML5 Canvas 的合成模式在 Canvas 上绘制雪花。
	抚落积雪可以使用手指或鼠标抚落明信片上的积雪。我们利用新增的 MSPointer 事件来跟踪用户输入，该事件可以跨各种不同的指针模型提供一种统一的 API。这样，我们就可以在运行于 Windows 8 的 Internet Explorer 10 中提供良好的多点触控体验。我们利用捕获到的这些点来擦除 Canvas 的特定部分，从而营造出积雪被抚落的效果。
	完成场景将这些层组合到一起，就可以创建一个交互式的节日场景。该演示中所采用的实现???式利用了“愤怒的小鸟”(Angry Birds) 或“怪物吃糖果”(Cut The Rope) 等游戏中常用的技术，包括基于脚本的动画、复杂用户输入、基于物理对象的游戏逻辑等。

利用完全硬件加速并支持触控操作的 HTML5 平台，我们在 Internet Explorer 10 和 Windows 8 中营造了快速而流畅的交互式体验，我们对此感到非常自豪。使用 Windows 8 开发人员预览版，您可以抢先体验这些优势。(Windows 8中内置了IE10浏览器)

—Internet Explorer 项目经理 Bogdan Brinza

via：Under the Covers: Let It Snow…

This article addresses:http://www.iefans.net/let-it-snow-yanshi-sheji-yuanli/

尽管主流浏览器都内置了开发人员工具，可以利用该工具的网络监视功能抓取在线视频的地址，但是当要提取多个视频的时候就显得比较麻烦了，之前我们曾介绍过的一款 IE临时文件助手V2.1 的下载工具就不错，除了可以提取视频以外，MP3、Flash等各类缓存文件都可以提取，不过这款工具只能支持IE浏览器。今天给大家介绍另外一款同样很有用的网络视频保存工具 —— VideoCacheView，该工具可以提取IE、Chrome、firefox、Opera等浏览器的缓存视频。

提取步骤非常简单，打开软件后，便会自动提取上面浏览器的视频缓存内容，然后您选中视频文件以后右键单击，在右键菜单中再选择您需要的操作，您可以直接播放视频，也可以复制该文件到其他位置。

若您只想提取某个浏览器的缓存，单击菜单栏的“选项” – “高级选项” ，在勾选您要提取的浏览器缓存。

在 VideoCacheView 的高级选项中还可以指定exe文件，所以理论上360、搜狗、遨游等浏览器也同样可以提取！

VideoCacheView 2.05 绿色汉化版下载

This article addresses:http://www.iefans.net/ie-shipin-huancun-tiqu-videocacheview/

对于习惯直接在搜索栏中进行搜索的用户来说，这显得非常的不便，有没有办法找会消失的地址栏呢？

这个小编的回复是不行，不过微软给我们安排了一个更方便进行搜索的地方：IE地址栏。

IE9以后，微软取消了搜索栏，并将搜索栏和地址栏合并在一起简称为一体框（One Box）。如何在IE9浏览器地址栏中进行搜索呢？

首先您可以添加IE9默认的搜索程序：

1、打开IE加载项网站：http://www.iegallery.com/cn/addons/?feature=searchproviders#all/search，找到您想设为默认的搜索程序，以下是几个常见的搜索程序：

百度搜索：http://www.iegallery.com/cn/addons/detail.aspx?id=857
google.com.hk搜索：http://www.iefans.net/ie8-ie9-google-com-hk-sousuo/（因为IE加载项网站里面的google搜索以后还需要单击跳转，所以我们制作了一个无需跳转的google搜索。）
bing搜索：http://www.iegallery.com/cn/addons/detail.aspx?id=852
soso搜索：http://www.iegallery.com/cn/addons/detail.aspx?id=8775
sogou搜索：http://www.iegallery.com/cn/addons/detail.aspx?id=855

2、打开上面的搜索程序页以后，单击“添加至 Internet Explorer”按钮。

3、然后勾选“将其设为此类加速器的默认提供程序”，再单击“添加”按钮。

4、添加成功以后，只要在地址栏中输入需要搜索的关键字，在单击回车即可打开默认搜索程序的结果页。

如果您已经在IE9种添加了很多搜索程序，想修改其他的搜索程序为默认搜索，方法如下：

1、单击浏览器右上角的一个工具按钮（齿轮的图标）——选择“管理加载项”。

2、单击左侧的“搜索提供程序”，然后在右侧列表中选中搜索程序，并将其设置为默认。

再教大家一个快速搜索的小技巧，以后你只需要在IE浏览器中按下Ctrl + L 或者 F4 键，即可立即将鼠标焦点转移至地址栏，你可以直接输入关键字。

若您想搜索建议显示在最上面，可以在关键字前面添加一个问号 ？ ，这样便可以像搜索网站一样显示热门的搜索建议，或者 Ctrl + E，便会直接在地址栏前面加上一个问号。

是不是非常方便？您也赶紧去试试看吧！

This article addresses:http://www.iefans.net/ie-sousuolan-shezhi-moren-chengxu/