瓶水相逢 - 艾小克

Keeping a low profile.

2009-03-30

網頁測試工具

網頁測試工具

由於微軟推出了 Internet Explorer 8，也使得瀏覽器大戰(IE、Firefox、Safari、Opera 等等) 變得更加如火如荼。

如果加上 Winodws、Mac、Linux 各種 OS 混搭瀏覽器，排列組合就更為複雜了。(如果，還要考慮 Resolution 的問題就沒完沒了了….)

隨之，測試網頁在各個瀏覽器都能夠相容就變得相當重要。

(如果開發人員可以要求使用者只能使用特定瀏覽器，甚至是特定版本的瀏覽器就不會有那麼多問題了。)

就目前事態看起來，IE 仍然會佔據大部分的市場。到了 Windows 7，雖然可以將內建的 IE8 功能關閉。

(參考：Windows 7 allows users to disable Internet Explorer and more)

但是，對於一般使用者來說 Winodws 作業系統仍是大宗，而且 IE 依舊是他們最為熟悉的上網工具，甚至有些公家機關網頁還不得不用 IE。

通常公司在測試網頁的時候會希望環境單純一點，加上 Internet Explorer 各版本之間沒有經過特殊方法是沒有辦法共存的。

所以，最為乾淨且單純的做法就是建立虛擬機器，來測試網頁能夠相容於各版本瀏覽器，目前微軟也有提供各式各樣的 VHD Image 可以提供測試：

Internet Explorer Application Compatibility VPC Image 該網頁包含以下 Image：

  • Windows XP SP3 with IE6 VHD file. Expires April 30, 2009
     
  • Windows XP SP3 with IE7 VHD file. Expires April 30, 2009
     
  • Windows XP SP3 with IE8 VHD file. Expires April 30, 2009
     
  • Vista Image with IE7 VHD file. Expires 120 days after first run.

    對於開發者而言，如果可以在開發機器上面能夠同時安裝多個版本 IE 來測試是最為方便的。

    目前已知的 IE 包就有以下這幾種：Multiple IEs、IETester、Internet Explorer Collection

    (1) 目前 Mutiple IE 許多沒有更新，沒有提供 Internet Explorer 8 可以測試，僅支援 IE3、IE4.01、IE5.01 IE5.5、IE6

    setup1

    (2) IETester 則可以安裝在 XP 、Vista、Windows 7 的機器，可以安裝的版本包含：IE5.5、IE 6.0、IE7.0、IE8(正式版)

    image-0000

    (3) Internet Explorer Collection 則是目前收集 IE 最為完整且豐富的套件，包含從 1.0 – 8.0 版本通通都有，甚至連 Internet Explorer Developer Toolbar 也包含了。

    (參考：[IE8 修練] Internet Explorer 8 強大新工具 – Developer Tools 、介紹好用工具：Internet Explorer Collection)

  • image-0002

    可以安裝的平台也做相當多的測試：

    image-0003

    第三種類型，專門有一些網站可以捕抓網頁的執行畫面，而這種網站比較適合用來測試不需要帳戶驗證類型的網頁。

    例如：BrowserShotts 就提供 Linux、Windows、Mac、BSD 平台上的各式各樣瀏覽器的測試，可將網頁的測試結果存程圖片傳回。

    image-0004

    netrenderer：IE8、IE7、IE6、IE5.5

    image-0005

    Litmus：Windows、Linux、Mac 平台，各式各樣瀏覽器

    image-0006

    如果非常不幸開發的網頁，發生 Javascript 問題、CSS 發生問題、效能低落等等，微軟目前也推出 Report a Webpage Problem Internet Explorer 8 Add-On 回報工具。

    • image-0030

    回報工具會記住發生問題的網頁資訊以及使用的電腦使用環境，例如： IP 位置、作業系統版本、瀏覽器版本、使用者語言等等。

    並且，該回報工具會自動擷取該網頁的截圖，使用者可以選上傳或是不上傳圖片，可以說是相當地方便。

    image-0031

    額外注意事項：

    • Note to Vista users: If you are running Internet Explorer in protected mode, you may receive a dialog warning that “Microsoft Applications Error Reporting” will open outside protected mode. Click “Allow” to submit the report. Clicking “Don’t Allow” will cancel the report submission.
       
    • This Add-on will be available for a limited time after Internet Explorer 8 RTM. Additionally, this Add-on may be removed from The Microsoft Download Center at any time.
       
    • The report form is loaded from a live web site, so you must be connected to the Internet to submit a report.
       
    • Microsoft may review reports that are submitted individually or generate aggregated statistics based on categories chosen, keywords in comments, analysis of images, and/or URL contents.
       
    • Microsoft may use the information submitted to attempt to reproduce the issue.
       
    • No guarantee is given or implied that the issue submitted will be fixed or that Microsoft will follow-up with you or the website owner. Do not include any personal information when submitting this feedback.
       
    • For more information about what data is sent and how it is used, see the Privacy Statement (link also provided on the report form.)