微软IE9 Beta中国发布会实录

　　时间：2010年9月17日

　　地点：朝阳规划艺术馆

　　主题：IE9 Beta版发布会

　　主持人：下面有请微软大中华区开发工具及平台事业部总经理谢恩伟先生！

　　谢恩伟：谢谢广大的朋友冒雨来参加今天盛大IE9正式的发布会。今天我非常荣幸能亲自做第一次的沙画体验，还是蛮有心得的。今年也是很特殊的一年，2010年7月份中国互联网信息委员会做了这样一个报告，在大中华区有非常多的网民4.2亿网民，每一个网民在线使用量是19.8小时，总共的网站有300多万。大家注意一下，这4.2亿网民用了这么多的时间到底在网上做一些什么东西呢？下面我们可以看一下。

　　实际上有很多很多的应用，有一些东西是单向性的，比如说我们看新闻等等。有更多的东西是双向性的。比如说我们做一些社区的交流等等。真正的生活已经离不开网络这样的背景了。在向前看的时候大家在想网络体验到底是什么样的？我们对网络体验的需求、展望到底是什么样的状态？微软在这方面一直在做进一步的用户研究。

　　我们讨论一下在网络上的练习。过去是把一些非常简单、非常实用的内容尽快地展现给广大的客户。这方面我们一直把它做成比喻，把网络做成一个新闻发布的方式，是单向性的。现在的网络更加是互动的，更个性化，更有社区的概念。大家展望一下将来的网络是什么样的？它的内容一定是非常地丰富，功能非常强大，速度非常快。更好地让广大的用户沉浸在网络的环境中去，这实际上也是在座的各位网络应用软件开发者所希望看到的场景，如何把自己的应用做得更加有黏性，为更多的客户提供更好的客户体验。

　　不管历史怎样转型，广大用户对网络体验的要求还是有一些共同性，这些共同性就是希望简单、希望易用，希望更快速。这是从一个终端客户、终端消费者的角度上来看对网络体验的新要求。对广大的开发者来说，新的网络体验到底又带来了哪些非常重要的挑战呢？我自己也是一个开发者，在微软我做了15年，我刚刚搬到北京来做市场方面的工作，我是深有体会的。

　　开发者觉得困难的地方是要做一个应用的平台。一方面作为技术员非常希望这个功能做得非常地强大，从另外一个方面来说又非常希望考虑到用户的需求，怎样真正更好地在技术、性能以及客户的需求之间做一个非常大的平衡呢？从开发者的角度来说是非常希望有一个非常统一的开发的标准，有一个非常简单的开发的导向，有一个非常强大的开发的功能，真正能够把我们想做的、客户想要的东西，能在网络这样一个新媒体中完美地呈现出来。

　　刚才我们所说的是在用户体验之上，终端的消费者和开发人员对将来的展望。除此之外还有一些趋势，比如说最近的一系列在云计算浪潮上的趋势，云计算是必不可少的将来的发展道路。整个浏览在云计算中又会起到非常关键的作用，因为在云计算领域中更多的在线应用和服务，光是从针对消费者来说，甚至是针对社区网站、商业用户，金融服务的应用等等都会有一个过程。通过浏览器界面可以在不同的设备上做一个很好的整合。

　　我谈了很多对网络的渴求，但浏览器到底是什么样的？IE占了非常重要的领先地位。浏览器到底是什么？

　　非常简单，浏览器是一个舞台，而精彩的网络内容、精彩的网络应用才是真正的主演。这是微软在整个IE9设计时的非常重要的环节。我们每次上网的时候，在聊天的时候、在浏览新闻的时候，在玩儿微博的时候，这样的体验都是有一定的目的的，需要通过微博跟社区进行很好的互动，需要把自己的想法推给广大的社区参与者。我每一次上网都有一个目的，我的目的不是上一个浏览器，我的目的更多是想做以IE9为中心，把浏览器做成一个舞台，更好地、更全面地在舞台上很好地表演出来。这方面大家希望体验杰出的节目，以及这些节目给广大的用户带来的美好的感觉。

　　我们的浏览器有非常协调的灯光，有非常完美的音乐，能够更好把演出和节目推到一个非常高的层次。所以这个产品对我们来说是非常好的。IE9的定义是非常希望用户忽略它的存在。因为IE带来的作用是如何让广大的应用可以在这个舞台上蓬勃发展。

　　我们来看一段非常短的视频，介绍一下在IE9设计过程中的一些理念。(视频)

　　看了我们的设计理念之后，我想今天大家来到这里一个非常重要的想法是IE浏览器当中到底有一些什么样的功能的进展呢？下面我稍微做一些简单的介绍。认定在设计原理之上，在下面四个方面做了相当大的工作。

　　第一方面是怎样真正地把速度提高起来，怎样能够把我们的应用在高速的环境中充分展现出来网络应用的效果。我们这方面做了相当大的工作，包括跟GPU的硬件互动，另外在JavaScript的整合有相当大的调整，真正提高了整个浏览器对应用软件在浏览器上高速体验的效果。

　　第二个方面也是非常重要的，那就是说怎样能够留出很多的空间给用户，现在我们的浏览器和竞争对手的浏览器，用户的界面还是有很多不同的内容，在浏览器的页面之上的，这样必然会减少真正的网络应用在浏览器上的空间。这方面微软做了相当大的工作，其中包括怎么样简化浏览器的外观，怎样通过一系列的手段能够更好地提供给应用非常好、非常广阔、非常个性化的舞台。

　　第三个方面是非常重要的，也就是大家所说的网络的安全性，我们也进行了IE8这方面的一系列的考虑，在IE9上做了更大的拓展，其中包括一些不健康网站的过滤，我们做了非常好的下载的管理和新的功能，在IE9上都做了充分的体现。

　　第四方面是IE9也开始非常全面地把一系列的标准引入进来了。这对我们来说是非常重要的，怎么样把这种标准化的平台设计到IE9里，为广大的应用商提供非常全面的产品，能让IE9真正充分地体现非常丰富的应用。

　　我们谈了很多，我们在IE9上做了很多针对用去户需求的努力。我们通过这些努力达到了很多的成就。自从2010年3月我们开始推平台测试版本，现在已经到了第四版，今天为止已经是第五个版本了。为什么非常重要呢？是通过我们一系列的跟实际用户的交流，我们在这个过程中不断地改进。大家对IE9非常地关注，到现在已经有300万用户在IE9下面的测试版上做实际的应用。也有2500万的web浏览器，去看到IE9的安全性优势等等。

　　这些数字是非常好的，一些国际大品牌也都在评论，感觉到IE9真正是能够把新的浏览器推到一个新的程度上。

　　我们说了很多关于设计的理念以及IE9在这个版本当中所做一系列的关于应用、性能方面的调整，怎样能够更好递给广大的应用提供这样一个表演的舞台。现在我们做一些实际的案例，现在有请钟卫，是我们的开发技术支持顾问，跟我一起来分享IE9的效果。

　　我刚才介绍了IE9很多的高性能，能不能帮我们演示一下。

　　钟卫：刚才我说了浏览器是一个舞台，今天我们看一下IE9这个全新的舞台是什么样的。这是IE9的画面，最初看的话是一个非常简洁的下面就是一栏工具条，包括我们的收藏家的手指全才这一栏里涵盖了。

　　谢恩伟：这也是非常重要的一点，就是给应用更多的空间，以前的浏览器有两行的，我们也做了很多的用户的教育，用户有多重网页在同样一个版本的话的情况是比较少的，更多是只有一个，所以我们做了一些内容。

　　钟卫：精彩的东西是我们应该转换的东西，下面我卖一个关子，我给大家看一个熟悉的大片。现在看到的是每秒钟18桢的，之后我们加到60桢。

　　这是支持一个HTML 5网页。如果点的话是没有任何的加载项在里面的。

　　谢恩伟：非常棒，可以看到HTML 5的支持，以及整个界面的简单会，给这样的应用提供更多的空间。

　　钟卫：谢谢，之后我想做一个简单的对比实验。

　　谢恩伟：没错，不要自卖自夸。

　　钟卫：请帮我切到两个屏幕。

　　谢恩伟：大家所看到的是左手边是IE9，右手边是另外一个浏览器。

　　钟卫：为了公平起见，我们对比一下两边的硬件配置，这是4G内存、2.8G双核。一样的配置，我为什么要这样说呢？我们今天用的所有的机器都是很普通的机器。

.pb{} .pb textarea{font-size:14px; margin:10px; font-family:"宋体"; background:#FFFFEE; color:#000066} .pb_t{line-height:30px; font-size:14px; color:#000; text-align:center;} /* 分页 */ .pagebox{overflow:hidden; zoom:1; font-size:12px; font-family:"宋体",sans-serif;} .pagebox span{float:left; margin-right:2px; overflow:hidden; text-align:center; background:#fff;} .pagebox span a{display:block; overflow:hidden; zoom:1; _float:left;} .pagebox span.pagebox_pre_nolink{border:1px #ddd solid; width:53px; height:21px; line-height:21px; text-align:center; color:#999; cursor:default;} .pagebox span.pagebox_pre{color:#3568b9; height:23px;} .pagebox span.pagebox_pre a,.pagebox span.pagebox_pre a:visited,.pagebox span.pagebox_next a,.pagebox span.pagebox_next a:visited{border:1px #9aafe5 solid; color:#3568b9; text-decoration:none; text-align:center; width:53px; cursor:pointer; height:21px; line-height:21px;} .pagebox span.pagebox_pre a:hover,.pagebox span.pagebox_pre a:active,.pagebox span.pagebox_next a:hover,.pagebox span.pagebox_next a:active{color:#363636; border:1px #2e6ab1 solid;} .pagebox span.pagebox_num_nonce{padding:0 8px; height:23px; line-height:23px; color:#fff; cursor:default; background:#296cb3; font-weight:bold;} .pagebox span.pagebox_num{color:#3568b9; height:23px;} .pagebox span.pagebox_num a,.pagebox span.pagebox_num a:visited{border:1px #9aafe5 solid; color:#3568b9; text-decoration:none; padding:0 8px; cursor:pointer; height:21px; line-height:21px;} .pagebox span.pagebox_num a:hover,.pagebox span.pagebox_num a:active{border:1px #2e6ab1 solid;color:#363636;} .pagebox span.pagebox_num_ellipsis{color:#393733; width:22px; background:none; line-height:23px;} .pagebox span.pagebox_next_nolink{border:1px #ddd solid; width:53px; height:21px; line-height:21px; text-align:center; color:#999; cursor:default;}

[Page: ]

　　谢恩伟：对啊，我们的机器不是最高档的。

　　钟卫：3000块钱就可以买到。

　　谢恩伟：实际上是非常大众化的东西。

　　钟卫：我们看一下浏览器的情况，这是浴缸我们的数量是50条左右的鱼，之后我们调到250条，大家会看到还是比较流畅的。这时候我们转另外一种，这里面我们提供两个标识，一个是CPU的数据另外一个是显卡的数据。我们先看看IE9。现在CPU占用的是34%，我们之后把IE9的调到250，大家可以看到是什么样的。从我们的角度来说可以在添加数这个层面把它挖掘得更好。

　　谢恩伟：意思是，微软的IE9是所有浏览器当中使硬件加速最完整的浏览器。

　　钟卫：没错。刚才提到了IE9是全面面向标准的浏览器，我们全面支持HTML 5。这里不想讲太多，我只想给大家看一个例子。直接可以把每一个标签拉出来就可以了，就可以实行单个窗口的浏览。很多情况下我们在访问网站的时候，会遇到这种问题。

　　谢恩伟：有的时候我有不同的应用，在同样一个桌面上，我非常希望可以缩小页面，有的时候放一些图片的话，切换就不会太流畅。IE9会怎么做？

　　钟卫：这是一个网页，我们在慢慢地缩小页面的时候可以看到，开始是有标题描述的，

　　这是我们对标准的支持，同时我们再给大家看一个视频。

　　谢恩伟：这是高清视频吗？

　　钟卫：这是高清视频，是264的视频，同时我们还支持MP4。我们先看这个视频，平常我们看一个视频可能会遇到很多的问题，比如说你需要有一些视频的加载文件才可以看这些视频。但如果转到其中的一个视频，大家可以看到这是一个高清的视频，整个画面非常地流畅。如果我们去看的话，它是一个完全的页面，不牵扯到任何播放的插件是非常纯净的一个网页。

　　谢恩伟：流畅了很多，我们看到了界面的简单化和速度性的对比，看了一大群有关于标准制成包括HD264等等。从安全的角度来说，到底是什么样的状况呢？

　　钟卫：大家对IE是有要求的，我们来看DEMA，很多人上网的时候会下载文件，如果对一个文件的来源进行分析的话，要看它是不是有风险的。这边有两个文件，首先我点第一个。你可以看到下面是IE9给的提示。

　　谢恩伟：这是给用户一个选择。

　　钟卫：没错。

　　谢恩伟：这是真的DEMO。

　　钟卫：你可以看到对下载进行监控。

　　谢恩伟：实际上这个应用就是很完整的下载。

　　钟卫：我们看看下载，我们点击了以后没有执行，问题在哪里呢？我们可以打开下载的浏览器，这里面包含了所有的下载项，如果说这个文件没有问题，我们看到这会告诉你这是一个有潜在的风险网页，不需要你下载可以帮助我们用户看到安全的网站。

　　谢恩伟：这是把控制权交给最终用户，

　　谢恩伟：谢谢钟卫。大家看到的一系列的真正的演示，可以真正把IE9在安全性、在速度的快捷性以及在整个界面等方面都做了相当重要的阐释。

　　有了非常好的舞台，有了非常好的浏览器之外，最重要的一个成功的砝码还是怎样跟广大的合作伙伴在这样一个场景中做完美的合作，做更多的节目的安排。

　　今天非常荣幸能够继续下一个环节的演示，就是给大家一些大片的序幕，就是在微软IE9的平台上，一些精采的演出到底是什么样的模式。

　　钟卫：再次回到我们的主屏幕。恩伟你居住在北京，你应该没有逛过北京吧，我特意给你规划了一下。这是非常古典的音乐，我们进入到了虚拟的一日游里面来。我首先带您参观一下古老的长城。这是八达岭。

　　谢恩伟：那怎样能消化我的时间呢？

　　钟卫：你可以看书，因为我知道你是爱读书的人。我这里再隆重向你推荐一款看书软件。

　　谢恩伟：看书软件？

　　钟卫：这是我们为您呈现的网上书店，其实这是一个《纽约时报》的畅销书的界面，你可以通过鼠标来显示每一本书。对于我喜欢的书你可以它的评论的反馈。

　　谢恩伟：这个非常棒，可以看到读者的反馈。

　　钟卫：这是通过CSS3来完成的。

　　下一站可能我们需要去另外一个地方，我不知道这个地方你是不是认识？

　　谢恩伟：这个地方我去过一次，是天坛。

　　钟卫：天坛是一个非常富有中国文化的地方，另外它的特点是地方特别大，我推荐你可以去放风筝。

　　谢恩伟：放风筝啊，我还没有放过。

　　钟卫：我们去点击。您可以推荐你的孩子去做一下这个很有意思的事情。这里面我们看到这是一款风筝它在上面飘，我们慢慢地把它增加，增加20个，好像比较慢是吗？没关系我们可以让它风力大一点。当然这个风我们也可以让它有一点节奏感，可以从两个方向来进行。同时我也可以通过道具来影响它的轨迹，我可以用鼓风机这就影响它了。

　　谢恩伟：这样一个非常流畅的用户体验究竟是如何来实现的？

　　钟卫：这是通过您刚才说的GPU的加速。

　　这是排了一个IE的标志，我们看到后面的标志都可以随之而变动。

　　谢恩伟：非常好。那么下一站是什么地方？我们放了风筝、爬了长城之后去什么地方呢？

　　钟卫：我们去一趟北海。

　　谢恩伟：这还没有去过。

　　钟卫：北海有很多中国传统的艺术，你可以找到很多的节目。今天我带你去看皮影戏。

　　你看过皮影戏没有呢？

　　谢恩伟：我稍微看过一点点。

　　钟卫：这是皮影戏的人物，它是由八个关节组成的，还有重力的感觉。这是我们的舞台。

　　谢恩伟：这个是包公，能不能把在场的工作人员都调上来。

　　钟卫：好。这是我们IE9团队的全部成员。这是您。这是我们在国外的一个同事。我们还可以叠加一下。

　　谢恩伟：不光是动，而且速度非常快。

　　钟卫：去加活的孙悟空、包公、以及状元等等。

　　谢恩伟：那么加到150可以吗？

　　钟卫：我们试一下。

　　谢恩伟：还不错。听说大家视觉的感受基本上控制在27左右，这样再网上调一下可以达到多少呢？

　　钟卫：所以200个动画人物都在上面动。

　　谢恩伟：非常好！

　　钟卫：接下来我去带您看一下国家博物馆。大家可以看到整个的场景可以通过鼠标非常快地移动，它的操作是非常流畅的。我们可以走近看。我们可以看到每一幅展品。

　　谢恩伟：如果做跟虚拟相关的话的操作可以吗？

　　钟卫：我推进您去古代绘画馆，这里是很沉静的音乐，这是一个长画可以坐在上面看。出来一个标志，你可以点击。

　　谢恩伟：我刚刚从上海回来，在中国馆当中的《清明上河图》我看了，早知道这样我就不去上海了。

　　钟卫：同时我们还可以听到介绍。其实整个网站都是基于HTML 5来进行的。我们想说的一点是，我们对硬件的加速是对所有操作的加速，音频、视频还有界面全部都是，这是一次全面的布局。

　　谢恩伟：我看了很多北京古代及一些近代的建筑，有没有比较现代的建筑呢？

　　钟卫：当然有了，这是我向您推荐的最后一个场馆。

　　谢恩伟：我去看了奥运会的足球比赛。

　　钟卫：那么我这次向您推荐篮球。我们向您推荐的是NBA的篮球比赛，这是上线的队员。

　　谢恩伟：这是什么时候上线的？

　　钟卫：刚刚上线的。

　　谢恩伟：是搜狐的体育频道。

　　钟卫：很多网友在上面看文字和图像直播。

　　您是湖人队的球迷，我也很喜欢，我们看一下我们的偶像的比赛。大家可以看一下屏幕两边有基本的数据，同时还有动画的效果，我可以把当前的比分发到新浪微博(http://t.sina.com.cn)。同时下面是一个战术区域的展示，这刚好是我们队成功了，你可以看到下面的地方有人在投篮，这你就可以看清楚两个队的战术的变化。

　　谢恩伟：其实更多是通过互联网的应用对这些做一些改进。

　　钟卫：看了这场比赛以后会留恋精彩的场景。那么我们有一个图片中心，我们可以通过放大缩小看到高质量的细节。

　　谢恩伟：这也是高清的？

　　钟卫：对。

　　谢恩伟：这一天的行程也是非常满的。不过最最重要的，我在整个流程当中我都没有感觉到IE的存在，我所看到的图书的应用，NBA搜狐体育频道的展示。可这对我来说是非常重要的。谢谢钟卫。

　　钟卫：谢谢！

　　谢恩伟：这的确对我们来说是非常地重要，怎样能够让IE真正作为一个舞台，让广大在座的合作伙伴能够在这个平台上做非常好的应用创新，应用搭建呢？实际上，我们一直在说怎样来推动网络资源，今天大会的主题就是尽享网络之美，如何尽享网络之美，就靠在座的各位，真正的主宰者是在座各位的节目的编译、剧目的导演，是各位在网络应用开发设计的层面上做得非常非常努力，做得非常非常地敬业，一直在不断地推进新的网络技术的拓展，一直不断地在为广大的用户做创新，一直在幕后默默无闻。我今天非常地荣幸可以介绍几位代表，作为真正的创造网络之美的源动力，请看视频。我非常荣幸地请到这三位。有请欧阳薇、邓清伟、李伟(音)谢谢各位！非常优秀，实际上刚刚这几位只是在场的一些代表，在这个领域当中的的确确花了非常多的时间和精力，花了非常多的创新去做这些事情。除此之外，我们也非常在新的舞台中更多的演出可以成功，有更多的内容可以带给广大的用户，这4.2亿互联网用户。借着这个机会，我们也会隆重推IE9的网络设计大赛，在IE9这样一个全新的舞台、平台上做更多的项目的表演。

　　今天的主题演讲我想就到此结束，钟卫做了技术的演示和内容的演示，大家可能意犹未尽，在二楼我们有很多的现场体验，希望各位在今天这样一个非常好的机遇中，跟我们的技术人员做互动，能够跟社区的整体做互动去真正地体验IE9的一些成功。谢谢大家！

.pb{} .pb textarea{font-size:14px; margin:10px; font-family:"宋体"; background:#FFFFEE; color:#000066} .pb_t{line-height:30px; font-size:14px; color:#000; text-align:center;} /* 分页 */ .pagebox{overflow:hidden; zoom:1; font-size:12px; font-family:"宋体",sans-serif;} .pagebox span{float:left; margin-right:2px; overflow:hidden; text-align:center; background:#fff;} .pagebox span a{display:block; overflow:hidden; zoom:1; _float:left;} .pagebox span.pagebox_pre_nolink{border:1px #ddd solid; width:53px; height:21px; line-height:21px; text-align:center; color:#999; cursor:default;} .pagebox span.pagebox_pre{color:#3568b9; height:23px;} .pagebox span.pagebox_pre a,.pagebox span.pagebox_pre a:visited,.pagebox span.pagebox_next a,.pagebox span.pagebox_next a:visited{border:1px #9aafe5 solid; color:#3568b9; text-decoration:none; text-align:center; width:53px; cursor:pointer; height:21px; line-height:21px;} .pagebox span.pagebox_pre a:hover,.pagebox span.pagebox_pre a:active,.pagebox span.pagebox_next a:hover,.pagebox span.pagebox_next a:active{color:#363636; border:1px #2e6ab1 solid;} .pagebox span.pagebox_num_nonce{padding:0 8px; height:23px; line-height:23px; color:#fff; cursor:default; background:#296cb3; font-weight:bold;} .pagebox span.pagebox_num{color:#3568b9; height:23px;} .pagebox span.pagebox_num a,.pagebox span.pagebox_num a:visited{border:1px #9aafe5 solid; color:#3568b9; text-decoration:none; padding:0 8px; cursor:pointer; height:21px; line-height:21px;} .pagebox span.pagebox_num a:hover,.pagebox span.pagebox_num a:active{border:1px #2e6ab1 solid;color:#363636;} .pagebox span.pagebox_num_ellipsis{color:#393733; width:22px; background:none; line-height:23px;} .pagebox span.pagebox_next_nolink{border:1px #ddd solid; width:53px; height:21px; line-height:21px; text-align:center; color:#999; cursor:default;}