Microsoft Expression Web SuperPreview for Windows Internet Explorer 微軟開發專門測試網頁在 Internet Explorer 各種版本呈現狀況

Microsoft Expression Web SuperPreview for Windows Internet Explorer 微軟開發專門測試網頁在 Internet Explorer 各種版本呈現狀況

寫網頁的朋友一定會有一個困擾,那就是寫好的網頁在各種不同瀏覽器的呈現狀況,光是微軟自家的 Internet Explorer 就有好幾個版本,因此為了測試所需就會在自己的電腦裝上 IE 6、IE 7、IE 8,然後在 IE 各種不同版本間切換來回測試。也有廠商推出免費的測試工具像 IETester 專門測試網頁在IE不同版本IE5.5、IE6、IE7、IE8時的呈現是否正常(繁體中文) ,現在微軟自己也開發了免費的 Microsoft Expression Web 3 SuperPreview for Windows Internet Explorer 類似的工具,協助開發人員加快測試速度。

§相關文章,還可以參閱:

如何使用 Microsoft Expression Web 3 SuperPreview for Windows Internet Explorer?

1.下載並安裝後,開啟 Microsoft Expression Web SuperPreview for Windows Internet Explorer 主程式介面,開啟後可以看到左右兩邊視窗,分別可以選擇設定要測試使用的 IE 版本,包括 Internet Explorer 6, Internet Explorer 7 相容模式與 Internet Explorer 8 。

Microsoft Expression Web SuperPreview for Windows Internet Explorer 微軟開發專門測試網頁在 Internet Explorer 各種版本呈現狀況

2.選擇左右兩邊視窗所要使用的IE版本後,接下來在 Location 的輸入框,輸入要測試的網址,並點擊輸入框旁的[Refresh],便會開始載入網頁。

Microsoft Expression Web SuperPreview for Windows Internet Explorer 微軟開發專門測試網頁在 Internet Explorer 各種版本呈現狀況

3.載入完成後,就可以看到IE不同版本內網頁的呈現方式,點擊手型按鈕可拖動網頁,進行各個展示位置的比較,也可以切換分割視窗模式。

Microsoft Expression Web SuperPreview for Windows Internet Explorer 微軟開發專門測試網頁在 Internet Explorer 各種版本呈現狀況

4.點擊下方處的[DOM],可以展示出網頁元素的標籤、大小與位置。

Microsoft Expression Web SuperPreview for Windows Internet Explorer 微軟開發專門測試網頁在 Internet Explorer 各種版本呈現狀況

  • Microsoft Expression Web SuperPreview for Windows Internet Explorer
  • 版本:3.0.1776.0
  • 語言:英文
  • 性質:免費
  • 適用:Windows
  • 官方網站:http://www.microsoft.com/
  • 下載:按我下載

對於一些還不太熟析或剛學習網頁 HTML 語法的朋友來說,可以使用這個 HTML 語法產生器來輔助學習,產生的語法可以直接複製後貼到記事本並存檔成.htm格式檔案,接下來再使用瀏覽器開啟便可以看到效果。