快速搭建IE測試環境(Virtualbox+ievms)

轉自:http://icodeit.org/2014/09/setup-ie-series-testing-enviroments/

IE下的測試

作爲一個有追求的程序員,應該儘可能的遠離Windows系統。不論從專業開發者的角度,還是僅僅作爲最終用戶從使用體驗上來說,Windows都可以算是垃圾中的戰鬥機:沒有shell響應極慢(比如從開機到可用需要多久,再對比一下Mac下的體驗)、大部分操作都強依賴於鼠標,沒有對應的快捷鍵、各類病毒等等。

但是,最爲一個職業的程序員,又很難繞開Windows這個猥瑣而又事實上很現實的存在,畢竟Windows在非專業市場上的佔有率還是不容小覷的。一般而言,開發人員可以很輕鬆的使用現代的操作系統,編輯器,開發工具完成實際的業務需求,這部分工作很可能佔整個交付工作的40%,但是又不得不在多個瀏覽器(IE的各個版本)中花費另外的60%。

既然很難拋開,那麼我們就需要想辦法簡化對其的使用,比如將Windows隔離爲一個純粹的測試環境(不安裝任何其他的軟件,並且一旦感染病毒之後可以快速恢復)。

  1. 將Windows安裝到虛擬機中
  2. 使用工具將諸如下載鏡像,安裝系統,安裝特定版本的IE等操作簡化爲一條命令
  3. 可以很容易的創建一個乾淨,純粹,穩定的Windows環境

ievms正是這樣一個工具,它提供安裝了各種版本IE的Windows操作系統的鏡像,支持IE6到IE11。默認的,用戶可以安裝從IE6到IE11的所有鏡像,但是很可能你無須所有的環境,ievms也提供對應的參數來確保只下載某一個。

不過對於一個團隊來講,可以安裝所有的鏡像到團隊的某臺公共的機器上,供所有人來進行跨IE瀏覽器的各個版本的測試。

這些虛擬機鏡像都是虛擬磁盤vmdk文件,因此你需要先安裝VirtualBox)。

安裝ievms

安裝ievms非常容易,只需要下載一個腳本即可:

1
$ curl -s https://raw.githubusercontent.com/xdissent/ievms/master/ievms.sh -L

github會將該請求重定向,所以加上-L參數來跳轉到實際的地址。下載之後,執行該腳本:

1
2
$ chmod +x ievms.sh
$ ./ievms.sh

默認的ievms會下載所有的虛擬機鏡像,可以通過參數IEVMS_VERSIONS來選擇特定版本的虛擬機:

1
$ ./ievms.sh IEVMS_VERSIONS="7 8 9"

當然,也可以將這些命令合併爲一行命令:

1
$ curl -s https://raw.githubusercontent.com/xdissent/ievms/master/ievms.sh -L | IEVMS_VERSIONS="7 8 9" bash

用法

安裝之後,一個新的虛擬機會被添加到VirtualBox中,只需要啓動這個虛擬機即可:

image

另外,在這個虛擬機中,可以很方便的連接到宿主機。比如在宿主機上的12306端口運行了某個Web應用,那麼通過地址:http://10.0.2.2:12306 來訪問這個應用。

注意: 由於是整個虛擬磁盤的形式發佈,因此這些鏡像的體積都非常大,所有的鏡像安裝之後,會佔用37G的空間,對於任何一個開發機來說,這個尺寸過於龐大,但是對於整個團隊來說,應該還是可以接受的。

官方給出的尺寸列表如下:

1
2
3
4
5
6
7
8
$ du -ch *
 11G    IE10 - Win7-disk1.vmdk
 11G    IE11 - Win7-disk1.vmdk
1.5G    IE6 - WinXP-disk1.vmdk
1.6G    IE7 - WinXP-disk1.vmdk
1.6G    IE8 - WinXP-disk1.vmdk
 11G    IE9 - Win7-disk1.vmdk
 37G    total
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章