IT民工的坐井观天

IE8测试版出来也有一段日子了，新增加的功能其实一早也就知道了，最受前端开发人员关注的无非就是性能，IE一贯的低下性能有的时候真的带来大麻烦，我们有个基于Ext-Js的应用，当然核心原因还是本身设计有所缺陷，但是IE的性能要比Firefox慢上50%左右，更别说后来斜刺里杀出来的Chrome。升级到IE8之后，性能的提高非常明显。

其他的新功能方面，一个是给开发人员用的山寨版FireBug，一个是Slice网页加载项、加速器。IE的确也在进步，除了饱受诟病的性能方面依然大大落后于其他浏览器，为什么这点微软不花点力气一次性提升的彻底点呢？小生我也很困扰。

不过那个开发工具虽好，却已然无法解决一个前端开发人员最头大的问题，IE6这样不可一世的存在。

这是我一个小游戏网站 (www.youxi247.cn) 的最近30天访客，流量不算大，这个样本数据可能不是很好，但是用户受众很有代表性，多为非IT类用户，也就说普通用户中，IE是支配性地位，甚至连我们熟悉的那些遨游啊，TT这样的强势IE内核浏览器的占有率都没有那么高。IE6的噩梦仍将继续，除非微软强制升级。

给IE8正式版打个分吧：

界面UI：9分  -  Windows7的风格，感觉比IE7更能让用户接受

性      能：8分 -  基准参照物是IE7，如果和Safari4 Chrome这样新出的怪兽比，立马就没戏了，新贵总是有着优势，就像FF3的性能也((慢慢)慢)下来了。

功      能：8.5分，在没有插件的前提下，也就Opera的功能能说比IE8丰富了，这既可以说是哲学问题，但我认为这也是一个市场问题，在中国这样的新兴市场，我觉得插件模式对普通用户来说是巨大的Knowledge Gap。

稳 定 性：9分，貌似我并没有太多的感受到IE的不稳定，相反IE赤膊的启动速度在我只想skim一下的时候反而是优先选择。

最后呐喊一下：大家快去升级IE8吧，求求你们了，你们都是我爷爷，拿下IE6这个南天门上最后的暗堡。

众所周知，所有的浏览器都有一些关于CSS功能的额外扩展，例如（-ms-interpolation-mode），这些通常来自于那些未在CSS标准中明确完整的定义的特性和功能或者是在标准中已经完整定义但浏览器只是部分支持。CSS2.1标准中规定，以上这些不完全合乎标准的特性都必须使用一个供应商前缀(Vendor Prefix '-ms-' for Microsoft, '-moz-' for Mozilla, '-o-' for Opera)。

下面介绍一下IE8下的这些额外扩展，当然我们的目的不是把那些IE Only的特性带入下一代的页面中，而是能够在浏览器支持的前提下，运用一些属于CSS3的特性，丰富一下创作思路。

在IE7中，没有使用这样的前缀，所以如果用户在IE8中选择兼容模式的话，这些带有前缀的属性将不被识别。不过在IE8模式中，为了向下兼容，将接受带前缀和不带前缀两种格式。

有一个要注意的地方：

#transparentDiv {
       -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
       filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
       opacity: .5;
}

原来的filter格式在标准中是不合法的，所以为了能够在ie7和ie8中都能达到该效果，请参考上述写法。（向下兼容真是沉重的包袱啊）

原文地址： http://blogs.msdn.com/ie/archive/2008/09/08/microsoft-css-vendor-extensions.aspx

2008年8月28号，微软发布了IE8 beta2，相比三月份主要面向开发人员的Beta 1增加了大量新功能，涉及易用性、安全性、兼容性、管理性等各个方面，以及一些独特的工具。

先来介绍一下对于最终用户的新功能吧，也许是我们对ie一直以来的低要求导致了这次发布的新功能真的有点让我震了一下，真的很棒。

网站切片(Web Slices)：开发人员可以将网页的一部分标记为网站切片，让用户随时很方便地监视相关信息，点击收藏夹栏即可看到丰富的网站切片内容，开发人员也可籍此和用户建立紧密联系。

非常酷的新功能，我不知道firefox下是否已经有类似的插件了，我的生活浏览器一直是遨游，firefox只是用来工作，也许孤陋寡闻了，但是这个功能真的让我觉得会让网站开发有了新的触角。对于很多内容性的，比方说ebay或者淘宝这样的网络销售，甚至于起点这样的在线阅读网站，这种内容的预览和随时更新，远比RSS阅读器来的自然。

————————————————-

增强的搜索框：搜索框会在用户在键入关键词的时候实时提供搜索建议，包括图片，另外搜索框现在还会提供来自用户收藏夹和浏览历史的搜索结果。

有点类似划词搜索那样，我相信随着未来网络硬件基础的不断提升，这种无孔不入的网络内容聚合将掀起又一轮网络变革。

==========================================================

其实本意是去看看ie8对于网页设计师来说有什么新的变化的，没想到几个新功能真的是让我忍不住把赞美之词给了它们。言归正传，让我看看ie8在工作上会不会给我们一些震撼。

早在今年3月份，ie8 beta1就给开发者带了不小的期待，比如这个极像Firebug的内置调试器（上帝是派你来拯救我们的吗？）。

这样的界面恐怕不用多说什么，大家肯定看了之后有种终于盼到了的感觉。这个产品的到来将终结Firefox在设计师和开发人员中无可替代的局面。

具体有哪些改动让我们来看一下，因为内容较多，这里仅列出提纲（翻译自微软网站 http://www.microsoft.com/windows/internet-explorer/beta/readiness/developers.aspx）

注：目前下列链接仍为微软网站，等我再过一下翻译更换链接

Developer Checklist:

兼容性:

1. 使用IE8来浏览您的网站。
2. 如果您的网页和原来在IE7中的表现不同，您可以启用兼容模式。 更多内容，参考此处 [兼容性Compatibility] 。
3. 如果开启兼容模式后，您的网站和在IE7下的表现和行为都完全一致的话，那您可以将IE7 meta tag加到您的网页上去。Emulate IE7 meta tag.
4. 另外，您可以使用各种方法来校验用户的浏览器工作模式 Versioning and Internet Explorer Modes.
5. 如果您的网页仍然存在问题，那请使用这些测试工具帮助您找到问题 testing tools.

Ajax开发:

1. 阅读更好的Ajax开发 Better AJAX Development.
2. 阅读原生JSON支持，这也是我坚信将取代xml的传输协议 Native JSON Support.

顺手转一位大大3月份的汇总小结

IE8 (下文中的 IE8 暂时仅代表IE8 beta1) 中增加了 CSS3 中的子串匹配的属性选择器（substring matching attribute selectors），具体规则与正则中的匹配很相似：

E[att^='val'] //子串以’val’ 开始
E[att$='val'] //子串以’val’ 结束
E[att*='val'] //子串中包含’val’
IE8 支持绝大多数基本的 CSS2.1 选择器：

:before and :after 被支持，只支持文本，不支持图片，但还存在bug 。
:focus 被支持。
display: inline-block 被支持（只能用于内联元素）。
display: table 被支持。
list-style 完全被支持，包括值 upper-greek （此值其他浏览器均未支持）。
outline 被支持。
border-collapse, border-spacing 和 caption-side 被支持。
white-space 完全被支持。
box-sizing 被支持，不过使用的是私有属性 -ms-box-sizing 。
不支持的包括但不限于：:first-line 、:first-letter、opacity 和 RGBA。

对于原来用来区分 IE 的 HACK 在 IE8 中基本失效（比如*property:value、*property:value等）。

Update 08-3.8：

原有 IE 的 list-item whitespace bug 在 IE8 中依旧存在。
原有 IE 的 z-index bug 在 IE8 中依旧存在。
IE8 中产生新的 bug：当 line-heigth 小于正常值时，超出的部分将被裁切掉。
IE8 中依然不支持 border 的 transparent 值。
IE8 中 @import 只支持三层嵌套。
Update 08-3.12：

IE8 中 负数的text-indent 值会被裁切。
IE8 中依然存在 Fuzzy Specificity Bug。