<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Leeiio Chaos Made. &#187; IETester</title>
	<atom:link href="http://leeiio.me/tag/ietester/feed/" rel="self" type="application/rss+xml" />
	<link>http://leeiio.me</link>
	<description>The world is golden.</description>
	<lastBuildDate>Thu, 26 Apr 2012 03:54:07 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.2</generator>
		<item>
		<title>Win下網頁各版本IE調試利器:Internet Explorer Collection &amp; IETester</title>
		<link>http://leeiio.me/ie-collection/</link>
		<comments>http://leeiio.me/ie-collection/#comments</comments>
		<pubDate>Thu, 15 Jan 2009 06:27:44 +0000</pubDate>
		<dc:creator>Leeiio</dc:creator>
				<category><![CDATA[Skill | 技术]]></category>
		<category><![CDATA[IETester]]></category>
		<category><![CDATA[Internet Explorer Collection]]></category>

		<guid isPermaLink="false">http://blog.guaniu.com/?p=770</guid>
		<description><![CDATA[IE不嚴格遵循W3C網頁標準是個很讓人頭疼的問題，可是作為一枚網頁設計師我們又不能不考慮IE這么廣大的用戶群。但是同時IE的版本又如此多，用XP系統的用戶大部分可能用的都是IE6，而隨著Vista的推廣以及微软的補丁推送式推廣，IE7占的比重也開始增大，現在又出了IE8，而你要知道，這三個普遍的IE版本所瀏覽的頁面的效果還是有區別的。可是一個系統不能同時裝三個不同版本的IE。這可怎么辦？ 早前的做法是XP+IE6+綠色版IE7/Vista+IE7+綠色版IE6，之後出現了一款牛掰的軟件叫做IETester，如今又蹦出來了一款叫做Internet Explorer Collection的軟件，挺這名字就知道聽牛的。果不然，他支持的瀏覽器涵蓋了IE各歷史發行版本。 - Internet Explorer 1.0 (4.40.0.308) - Internet Explorer 1.5 (0.1.0.10) - Internet Explorer 2.01 (2.1.0.46) - Internet Explorer 3.0 (3.0.1152) - Internet Explorer 4.01 (4.72.3110.0) - Internet Explorer 5.01 (5.00.3314.2100) - Internet Explorer 5.5 (5.51.4807.2300) - &#8230; <a href="http://leeiio.me/ie-collection/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>IE不嚴格遵循W3C網頁標準是個很讓人頭疼的問題，可是作為一枚網頁設計師我們又不能不考慮IE這么廣大的用戶群。但是同時IE的版本又如此多，用XP系統的用戶大部分可能用的都是IE6，而隨著Vista的推廣以及微软的補丁推送式推廣，IE7占的比重也開始增大，現在又出了IE8，而你要知道，這三個普遍的IE版本所瀏覽的頁面的效果還是有區別的。可是一個系統不能同時裝三個不同版本的IE。這可怎么辦？<br />
<span id="more-770"></span><br />
早前的做法是XP+IE6+綠色版IE7/Vista+IE7+綠色版IE6，之後出現了一款牛掰的軟件叫做IETester，如今又蹦出來了一款叫做Internet Explorer Collection的軟件，挺這名字就知道聽牛的。果不然，他支持的瀏覽器涵蓋了IE各歷史發行版本。<br />
- Internet Explorer 1.0 (4.40.0.308)<br />
- Internet Explorer 1.5 (0.1.0.10)<br />
- Internet Explorer 2.01 (2.1.0.46)<br />
- Internet Explorer 3.0 (3.0.1152)<br />
- Internet Explorer 4.01 (4.72.3110.0)<br />
- Internet Explorer 5.01 (5.00.3314.2100)<br />
- Internet Explorer 5.5 (5.51.4807.2300)<br />
- Internet Explorer 6.0 (6.00.2800.1106)<br />
- Internet Explorer 7.0 (7.0.5730.13)<br />
- Internet Explorer 8.0 (8.0.6001.18241)<br />
Release Date: Friday, August 29, 2008</p>
<p>且該軟件還在不斷開發當中。軟件主頁 <a href="http://utilu.com/IECollection/" target="_blank">http://utilu.com/IECollection/</a> 有趣的事，他們的主頁上有這么一句話，Internet Explorer is a webbrowser based on the Trident render engine, which does not follow the W3C Web Standards. 看來作者對於IE也是相當的無奈。</p>
<p>在此之前我一直用IETester調試各IE版本，可是公司電腦裝的是XP系統，想要用IETester調試它所支持的各個IE版本的話必須把系統的IE版本升級為7.0，這一度使我很困惑，IE7從點開圖標到窗口完全打開可耗費了不少時間，況且本身我們的網頁設計的重點受眾是IE6，所以把系統的IE升級為7版本而調試IE6的時候打開IETester很是麻煩，因為IETester不支持登陸，並且對js之類的支持都還不是很完美。如下圖所示，在xp+IE6的狀況下，IETester并不能調試IE7下的瀏覽效果。</p>
<p><a href="http://imgs.guaniu.com/blogpics/month_0901/20090115_IETester.gif" alt="IETester" title="IETester" rel="lightbox" class="broken_link"><img src="http://imgs.guaniu.com/blogpics/month_0901/20090115_IETester_500.jpg" alt="IETester" title="IETester" /></a></p>
<p>如今，Internet Explorer Collection的橫空出世，再也不用擔心此類的問題。(怎么聽著像是ad)</p>
<p><a rel="lightbox" href="http://imgs.guaniu.com/blogpics/month_0901/20090115_iecollection.gif" alt="IE Collection" title="IE Collection" class="broken_link"><img src="http://imgs.guaniu.com/blogpics/month_0901/20090115_iecollection.gif" alt="IE Collection" title="IE Collection" /></a></p>
<p>以下是各版本IE訪問google.com的顯示效果，选用google是因为它的页面简单，涉及的css相对不会太多，看起来至少还有样子&#8230;雖然我并未遇見過早於IE5.5，但是瞅著那樣子，還是挺懷舊的。</p>
<p><a rel="lightbox" href="http://imgs.guaniu.com/blogpics/month_0901/20090115_ie1.5.gif" alt="IE1.5" title="IE1.5" class="broken_link"><img src="http://imgs.guaniu.com/blogpics/month_0901/20090115_ie1.5_500.jpg" alt="IE1.5" title="IE1.5" /></a><br />
IE1.5 呃，這麽多未被解析的代碼</p>
<p><a rel="lightbox" href="http://imgs.guaniu.com/blogpics/month_0901/20090115_ie2.01.gif" alt="IE2.01" title="IE2.01" class="broken_link"><img src="http://imgs.guaniu.com/blogpics/month_0901/20090115_ie2.01_500.jpg" alt="IE2.01" title="IE2.01" /></a><br />
IE2.01 總算是少了點了，也沒有了奇怪的字符亂碼</p>
<p><a rel="lightbox" href="http://imgs.guaniu.com/blogpics/month_0901/20090115_ie3.0.gif" alt="IE3.0" title="IE3.0" class="broken_link"><img src="http://imgs.guaniu.com/blogpics/month_0901/20090115_ie3.0_500.jpg" alt="IE3.0" title="IE3.0" /></a><br />
IE3.0 代碼可算是都被解析了，可是css還是有問題的</p>
<p><a rel="lightbox" href="http://imgs.guaniu.com/blogpics/month_0901/20090115_ie4.01.gif" alt="IE4.01" title="IE4.01" class="broken_link"><img src="http://imgs.guaniu.com/blogpics/month_0901/20090115_ie4.01_500.jpg" alt="IE4.01" title="IE4.01" /></a><br />
IE4.01 更加正常了，同時關於瀏覽器版本的介紹也有了彩色圖標</p>
<p><a rel="lightbox" href="http://imgs.guaniu.com/blogpics/month_0901/20090115_ie5.01.gif" alt="IE5.01" title="IE5.01" class="broken_link"><img src="http://imgs.guaniu.com/blogpics/month_0901/20090115_ie5.01_500.jpg" alt="IE5.01" title="IE5.01" /></a><br />
IE5.01 越來越正常，同時可以讀取你系統中的IE的cookie了，請註意右上角的圖標，已經越來越好看了</p>
<p><a rel="lightbox" href="http://imgs.guaniu.com/blogpics/month_0901/20090115_ie6.gif" alt="IE6" title="IE6" class="broken_link"><img src="http://imgs.guaniu.com/blogpics/month_0901/20090115_ie6_500.jpg" alt="IE6" title="IE6"  /></a></p>
<p><a rel="lightbox" href="http://imgs.guaniu.com/blogpics/month_0901/20090115_ie7.gif" alt="IE7" title="IE7" class="broken_link"><img src="http://imgs.guaniu.com/blogpics/month_0901/20090115_ie7_500.jpg" alt="IE7" title="IE7" /></a></p>
<p><a rel="lightbox" href="http://imgs.guaniu.com/blogpics/month_0901/20090115_ie8.gif" alt="IE8" title="IE8" class="broken_link"><img src="http://imgs.guaniu.com/blogpics/month_0901/20090115_ie8_500.jpg" alt="IE8" title="IE8" /></a><br />
IE8據說很不錯，至少從外觀上相對於IE7那個突兀的顏色漸變的標簽條已經舒服多了，希望對W3C的網頁標準支持得更好才是王道。</p>
<p>後記,題外話：現在家裡用的是蘋果系統，做網頁應該是蘋果系統的痛，因為mac下沒有IE，每每都要開虛擬機進行調試，哎~不過個人的網頁設計項目，我已經幾乎不考慮IE用戶了..</p>
<p>推薦一款同類在線的各瀏覽器顯示效果查看網站：<a href="http://browsershots.org/" target="_blank">http://browsershots.org/</a></p>
]]></content:encoded>
			<wfw:commentRss>http://leeiio.me/ie-collection/feed/</wfw:commentRss>
		<slash:comments>22</slash:comments>
		</item>
	</channel>
</rss>

