[原文发表地址] Building Better HTML5

[原文发表时间] 7 Apr 2011 2:21 PM

随着IE9的近期发布，我想和你们分享些关于我们的开发工具的东西，这些工具支持HTML5，ECMAScript 5和CSS3的开发。

贯穿它的发布周期，IE9 博客了关于在标准支持方面的改善，尤其是对HTML5, CSS3, DOM和JavaScript标准的支持。站在开发人员的角度，我们想要确保开发人员拥有配合IE 9的新功能工作的工具。

F12工具集

客户端可发人员在遇到问题时的第一道防线将会是浏览器内置的工具集。IE9的 F12 工具集 包括更新的DOM和CSS检测器，一个脚本调试器和分析器，和一些工具，用来帮助开发人员在IE的不同浏览器和文件模型中预览他们的站点，快速清理浏览器缓存，以及验证HTML的有效性。

在IE9中，我们添加了一个新的网络分析标签页，它让开发人员能够快速容易地定位出他们的网页消耗时间和带宽的地方，出现网络错误的地方（例如有缺陷的表头）来帮助他们追踪调试站点。下面，你会看到网络检测器是如何在一个网站请求下展示信息的。

除了在F12工具集中添加一些主要的功能，我们也回应了一些用户呼声最高的请求。下面是用户要求的几个功能：

· 用户想用CSS标签中的上下箭头键来改变值，因此我们就加入了该功能。

· 我们把IE9的查看源文件性能提高了至少10倍。F12工具集现在可以格式化压缩脚本（脚本可以用类似Microsoft’s Ajax Minifier这样的工具来压缩容量大小）了，同时也把压缩过的JavaScript变得更可读。下面，你可以看到压缩脚本被格式化前后的样子。

之前：

之后：

Expression Web 4

Expression Web是一个网站制作工具，它集web站点可视化创建体验和网页代码编辑功能于一身。我们把Win7 SP1的推出和IE9发布协调起来，就是为了使得Expression Web支持最新的web标准，并使这些标准在IE9中支持得更好。

像IE9一样，Expression Web 4 SP1现在支持HTML5（通过这个视频观看演示版），包括针对HTML5完整草图规范的IntelliSense的支持，对 CSS3属性功能栏中的CSS3草图规范的支持，对样式对话框中的普通CSS属性的支持，包括对 IE9 中的边框范围 （见下图） ，IE9支持的 HTML5 标记语义 例如,