IE8抢先尝试——色眼窥观版（多图）

<h4>前言</h4>
<div style="border-right: teal 1px dotted; font-size: 9pt; border-top: teal 1px dotted; float: right; border-left: teal 1px dotted; width: 115px; color: teal; border-bottom: teal 1px dotted; text-align: center;">
<img border="0" alt="" src="http://justinyoung.cnblogs.com/images/cnblogs_com/justinyoung/2008_1q/ie8Logo.gif" width="114" height="88"><br>
IE8抢先尝试</div>
<p>刚刚发布的IE8beta1版，到底带给了我们什么期待呢？下面就让我们用“色眼”来管中窥豹一番吧。</p>
<p>色即设——设计，从网页设计的角度出发。窥，小视也——《说文》，此小视非彼小视。此小视的意思是：水平有限，不能望其全貌，仅能管中窥豹。</p>
<h4>看图识字</h4>
<div class="floatMPic">
<a title="IE8抢先尝试——色眼窥观版" href="http://images.cnblogs.com/cnblogs_com/justinyoung/2008_1q/IE8_01.png" target="_blank"><img alt="IE8抢先尝试——色眼窥观版" src="http://images.cnblogs.com/cnblogs_com/justinyoung/2008_1q/IE8_01.png" width="475" height="350"></a><br>
曾经多次曝光的安装画面【点击图片查看完整大图】</div>
<p>插两句：安装以后要去重新启动电脑，所以请尝鲜的朋友注意保存工作。</p>
<div class="floatMPic">
<a title="IE8抢先尝试——色眼窥观版" href="http://images.cnblogs.com/cnblogs_com/justinyoung/2008_1q/IE8_03.png" target="_blank"><img alt="IE8抢先尝试——色眼窥观版" src="http://images.cnblogs.com/cnblogs_com/justinyoung/2008_1q/IE8_03.png" width="475" height="350"></a><br>
刚启动的时候，会要求设置用户定义【点击图片查看完整大图】</div>
<p>插两句：为了尽快使用到IE8，我这里就直接跳过去了:-)</p>
<div class="floatMPic">
<a title="IE8抢先尝试——色眼窥观版" href="http://images.cnblogs.com/cnblogs_com/justinyoung/2008_1q/IE8_12.png" target="_blank"><img alt="IE8抢先尝试——色眼窥观版" src="http://images.cnblogs.com/cnblogs_com/justinyoung/2008_1q/IE8_12.png" width="475" height="350"></a><br>
IE8的主界面【点击图片查看完整大图】</div>
<p>插两句：出来了，终于出来了。总体感觉和IE7没有什么差别。</p>
<div class="floatMPic">
<a title="IE8抢先尝试——色眼窥观版" href="http://images.cnblogs.com/cnblogs_com/justinyoung/2008_1q/IE8_22.png" target="_blank"><img alt="IE8抢先尝试——色眼窥观版" src="http://images.cnblogs.com/cnblogs_com/justinyoung/2008_1q/IE8_22.png"></a><br>
最引人注意的自然就是这个奇怪的“模拟IE7显示”按钮。</div>
<p>插两句：其实很多人可能觉得这个很酷。但是，却不知这实在是微软的无奈之举。前两天，微软IE项目组宣布：IE8在<strong>默认情况下</strong>将使用“标准模式”进行页面解析，而非原来的“诡异模式”，这必然将导致很多在IE6和IE7下显示正常的页面（主要是那些没有明确指出页面文档类型的页面），在IE8下将显示混乱。这样大规模的混乱，必然会引起用户的大规模的反对。一边要向web标准看起，一边又要兼顾到成千上万个“埋着”的网页。无奈之下，只能出此按钮。之所以冠以“模拟”二字，估计，其实只是将网页解析模式切换成“诡异模式”而已。</p>
<div class="floatMPic">
<a title="IE8抢先尝试——色眼窥观版" href="http://images.cnblogs.com/cnblogs_com/justinyoung/2008_1q/IE8_23.png" target="_blank"><img alt="IE8抢先尝试——色眼窥观版" src="http://images.cnblogs.com/cnblogs_com/justinyoung/2008_1q/IE8_23.png"></a><br>
【Tools】按钮也是令人眼前一亮</div>
<p>插两句：【Tools】按钮也是令人眼前一亮，但是点进去一看，其实也没有什么特别令人期待的东西。当然还有一些还不错的……</p>
<div class="floatMPic">
<a title="IE8抢先尝试——色眼窥观版" href="http://images.cnblogs.com/cnblogs_com/justinyoung/2008_1q/IE8_04.png" target="_blank"><img alt="IE8抢先尝试——色眼窥观版" src="http://images.cnblogs.com/cnblogs_com/justinyoung/2008_1q/IE8_04.png" width="475" height="350"></a><br>
Add-ones管理器界面【点击图片查看完整大图】</div>
<p>插两句：有了Add-ones管理器，IE插件和扩展就方便管理了。那些将IE折磨的不成样子的流氓软件也该消停一会了。</p>
<div class="floatMPic">
<a title="IE8抢先尝试——色眼窥观版" href="http://images.cnblogs.com/cnblogs_com/justinyoung/2008_1q/IE8_24.png" target="_blank"><img alt="IE8抢先尝试——色眼窥观版" src="http://images.cnblogs.com/cnblogs_com/justinyoung/2008_1q/IE8_24.png"></a><br>
万岁！IE Developer Toolbar 的小箭头！</div>
<p>插两句：其实最令网页设计者幸福的，并不是上面那些，而是这个小小的箭头！她就是网页开发中的利器——IE Developer Toolbar，更令人兴奋的是，她已经被大大的强化了，下面这些图将另人血压升高！</p>
<div class="floatMPic">
<a title="IE8抢先尝试——色眼窥观版" href="http://images.cnblogs.com/cnblogs_com/justinyoung/2008_1q/IE8_08.png" target="_blank"><img alt="IE8抢先尝试——色眼窥观版" src="http://images.cnblogs.com/cnblogs_com/justinyoung/2008_1q/IE8_08.png" width="488" height="327"></a><br>
新IE Developer Toolbar界面01【点击图片查看完整大图】</div>
<div class="floatMPic">
<a title="IE8抢先尝试——色眼窥观版" href="http://images.cnblogs.com/cnblogs_com/justinyoung/2008_1q/IE8_10.png" target="_blank"><img alt="IE8抢先尝试——色眼窥观版" src="http://images.cnblogs.com/cnblogs_com/justinyoung/2008_1q/IE8_10.png" width="488" height="327"></a><br>
新IE Developer Toolbar界面02【点击图片查看完整大图】</div>
<div class="floatMPic">
<a title="IE8抢先尝试——色眼窥观版" href="http://images.cnblogs.com/cnblogs_com/justinyoung/2008_1q/IE8_09.png" target="_blank"><img alt="IE8抢先尝试——色眼窥观版" src="http://images.cnblogs.com/cnblogs_com/justinyoung/2008_1q/IE8_09.png" width="488" height="327"></a><br>
新IE Developer Toolbar界面03【点击图片查看完整大图】</div>
<div class="floatMPic">
<a title="IE8抢先尝试——色眼窥观版" href="http://images.cnblogs.com/cnblogs_com/justinyoung/2008_1q/IE8_11.png" target="_blank"><img alt="IE8抢先尝试——色眼窥观版" src="http://images.cnblogs.com/cnblogs_com/justinyoung/2008_1q/IE8_11.png" width="488" height="327"></a><br>
终于可以更方便的调试JavaScript脚本了！【点击图片查看完整大图】</div>
<p>插两句：再呼一遍——万岁！看了上面的截图，对IE Developer Toolbar的新版本简直充满了期待！</p>
<div class="floatMPic">
<a title="IE8抢先尝试——色眼窥观版" href="http://images.cnblogs.com/cnblogs_com/justinyoung/2008_1q/IE8_12.png" target="_blank"><img alt="IE8抢先尝试——色眼窥观版" src="http://images.cnblogs.com/cnblogs_com/justinyoung/2008_1q/IE8_12.png" width="475" height="350"></a><br>
在IE6、IE7和FireFox下都正常的页面，有点乱了。【点击图片查看完整大图】</div>
<p>插两句：对于web标准的执行，可以看出IE8又有了新的动作。这是我的博客页面，以前在IE6、IE7和FireFox下显示正常的页面，在IE8中右上角标题那里发生了混乱。（注：FireFox对web标准的执行也是再不断完善中，所以以前在FireFox下显示正常的页面，并不一定就能说明是符合web标准的。）</p>
<div class="floatMPic">
<a title="IE8抢先尝试——色眼窥观版" href="http://images.cnblogs.com/cnblogs_com/justinyoung/2008_1q/IE8_13.png" target="_blank"><img alt="IE8抢先尝试——色眼窥观版" src="http://images.cnblogs.com/cnblogs_com/justinyoung/2008_1q/IE8_13.png" width="475" height="350"></a><br>
IE8可以方便的被卸载掉【点击图片查看完整大图】</div>
<p>插两句：IE8可以方便的被卸载掉，所以喜欢尝鲜的朋友，可以尽情的试用，而不用怕无法卸载。</p>
<h4>后记</h4>
<p><a title="《IE7的web标准之道》" href="http://www.cnblogs.com/JustinYoung/archive/2008/02/18/IE7_wsRoad_foreword.html" target="_blank">《IE7的web标准之道》</a>还在写作当中，IE8beta1版就已经出来了。好像<a title="《IE7的web标准之道》" href="http://www.cnblogs.com/JustinYoung/archive/2008/02/18/IE7_wsRoad_foreword.html" target="_blank">《IE7的web标准之道》</a>系列就已经没有意义了，其实非也、非也。IE7已经用了那么多年，但是市场占有率还是远远低于IE6。现在现实工作中面临的还是IE6和IE7之间的尴尬。IE8要想拥有较大的市场占有率仍然需要很长的时日。所以，请大家还是务实一些，不要期望明天、后天IE8就能占领所有的windows电脑。</p>
<p>但是IE8既然已经出来了，走在web标准道路上的我们，自然也不能完全的无视。到底IE8又有了哪些新的改进和修正，请你继续关注我的博客<a title="YES!B/S!" href="http://justinyoung.cnblogs.com/" target="_blank">YES!B/S!</a>，我将在后续文章中继续报道。谢谢！</p>
<h4>附IE8下载</h4>
<div style="margin: 0px auto; width: 100%; height: 50px; background-color: #eee; text-align: center;" class="downloadArea">
<img style="" alt="Internet Explorer 8 beta1 下载" src="http://images.cnblogs.com/cnblogs_com/justinyoung/common/000download.gif"><a title="Internet Explorer 8 beta1 下载" href="http://www.microsoft.com/windows/products/winfamily/ie/ie8/readiness/Install.htm"> Internet Explorer 8 beta1 下载</a> </div>
&lt;!--end: downloadArea --&gt;