[TOC] 今天的用戶可以從相當大的范圍中選擇web瀏覽器，每種瀏覽器都提供了略微（或相當）不同的體驗。作為開發者，我們的責任恰恰是選擇我們創建的網頁展示給用戶的方式。本節描述我們是如何做出這當中的一些決定的。 ## 我們支持的瀏覽器  **Isobar 支持任何?[Yahoo 瀏覽器支持分級](http://developer.yahoo.com/yui/articles/gbs/)?中列出的A級瀏覽器，除了Opera之外。對此也可能會有其他的例外，基于地區市場和它們特定的指標**。 我們會努力支持任何客戶指定的其他任務關鍵瀏覽器 (IE 5.5, Opera, Konqueror, Safari 3 on PC, 等等)，雖然我們不能保證所有功能都可能實現。 ## 我們的測試方式 全面的瀏覽器測試對于每個web項目都是必須的。必須付出大量精力進行跨瀏覽器和平臺測試，以確保質量和一致的用戶體驗。配置測試環境會是一項挑戰，卻是值得去做的。 ### 在Microsoft Windows上的測試 #### IE 測試 由于不可能在一臺PC上安裝多于一個IE瀏覽器，IE的測試是個挑戰。幸好微軟最終提供了老版本IE的開發版下載。這些運行拆解版Microsoft Windows的虛擬磁盤時不時地失效（過期）。通常隔幾個月就需要重新設置它們。從你的MSD版權（如果有）獲取的Microsoft Windows開發版也會是一個選擇，取決于你能夠獲取到的東西。 * [虛擬 PC](http://www.microsoft.com/windows/virtual-pc/default.aspx)?- 虛擬PC必須安裝在你的計算機上，如果你用的是Windows 7，你必須使用"XP 模式”。 * [Microsoft Windows VPC 映像](http://www.microsoft.com/downloads/en/details.aspx?FamilyID=21eabb90-958f-4b64-b5f1-73d0a413c8ef&displaylang=en)?- 有多種虛擬磁盤映像，你可能需要安裝多個以構成全面的測試環境，這取決于你的項目。 此外，其他不是那么有效的IE測試選項（通常是不推薦的）包括了?[IETester](http://www.my-debugbar.com/wiki/IETester/HomePage)，它還是好于?[Multiple_IE](http://tredosoft.com/Multiple_IE)和?[IE7 standalone](http://tredosoft.com/IE7_standalone)。 #### Firefox * [Firefox 3.6+](http://www.mozilla.com/en-US/firefox/all-older.html)?也必須安裝在本地 - 以及通過?[移動應用](http://portableapps.com/)?獲取的 3.0 版本。 * 如果你能勝任，?[安裝 Firefox 3, 3.5, 和/或 3.6 版，和 FF4 安裝在一起](https://wiki.molecular.com/wiki/Install_Firefox_3)。Firefox 配置管理器允許你安裝到不同的目錄并?[為每個版本保持不同的配置文件](http://lifehacker.com/5481213/master-multiple-firefox-profiles-for-more-productive-browsing)。 #### PC 版 Safari * 使用?[最新的PC版Safari版本](http://www.apple.com/safari/). 它和 OSX 版的 Safari 的一致性達到 98% ，但不是完全一致，所以如果它是必需的平臺就需要測試。 #### Opera * 你可以下載?[存檔的舊版本](http://arc.opera.com/pub/opera/win/)。要運行多個版本，可以把它們安裝到不同的文件夾中。 #### Google Chrome 和 Chrome 版本 Google Chrome 會自動更新，正常情況下絕大部分用戶都會有最新版本。要是每種瀏覽器都這樣多好啊。對于Google Chrome就不需要擔心舊版本的問題了。 ### 在 Mac OS X上的測試 對于核心的Mac OSX 瀏覽器，Mozilla Firefox, Google Chrome和Apple Safari 提供的瀏覽體驗基本和它們的Windows版本一樣。盡管如此，某些操作系統級的差異還是會出現，網站必須在兩個平臺上進行測試。典型的差異是關于字體渲染，所以有時候會冒出間距問題。 #### 測試在Mac上安裝的Windows環境 在 Mac OSX 上測試基于Windows的瀏覽器有幾種選擇。首先，Mac 提供了一個 "[boot camp](http://en.wikipedia.org/wiki/Boot_Camp_(software))" 分區，它允許你在Mac 上啟動一個Microsoft Windows分區。這是一個復雜但完整的測試環境。一旦你用Windows啟動，就可以用通常?[Windows 環境下的測試方法](http://coderlmn.github.io/code-standards/#vhds)。 其他選擇包括在 Mac OSX 內部虛擬化 Windows，讓你可以在Mac OS內部運行Windows。 [Microsoft 虛擬磁盤](http://coderlmn.github.io/code-standards/#vhds)?在這里的大部分選擇中是可以打開或轉換的，這樣就能在一定程度上利用Windows 用戶可以用到的那些測試方法。即使你也可以同時在Mac上測試，有些人還是會認為這樣更加靈活... * [Parallels](http://www.parallels.com/products/desktop/)?- Parallels 可用，而且可能已經被本公司IT部安裝到你的Mac上了。 * [VMWare Fusion](http://www.vmware.com/products/fusion/overview.html)?- VMWare Fusion 通過它們的 Fusion 產品提供了同一級別的 Windows 虛擬化。 #### Mozilla Firefox 正如在Windows 上一樣，你可以在一臺Mac 上安裝和運行 Mozilla Firefox 的多個拷貝，雖然通過配置管理器設置多個配置更為復雜一些。盡管如此，你可以通過一些小技巧，[通過Automator程序創建分開的配置并順利運行它們](http://sonnygill.net/mac/mac-multiple-firefox-profiles/)。 ## IE standalone 版會出現的bug 注意：IE6 standalone 版在某些情況下對透明度的實現是有bug的。這會導致任何應用于CSS 過濾器的透明度（例如alpha透明度或者24位PNG）失效。在這種情況下必須測試透明度，你會需要本地安裝的IE6。 還有人發現安裝在Vista 平臺上的IE7 和Windows XP 上的IE7 確實有差異，所以，你可能會希望確保團隊中的某個人也有這種配置。[IETester](http://www.my-debugbar.com/wiki/IETester/HomePage)?修復了一批這樣的問題，和Xenocode 瀏覽器的做法類似。 ## 瀏覽器分辨率 除了適應各種瀏覽器，開發者還必須持續注意用戶的屏幕分辨率。隨著顯示器屏幕越來越大，分辨率的廣度也隨之增加。下面是關于分辨率的一些工作準則。 **1024px 分辨率** * 估算的折疊位置在 570px 處。 * 優化寬度： 960px - 在兩側留出合適的內邊距，960可以被很多數字整除，而且能夠很好地配合[IAB 廣告的標準寬度](http://www.iab.net/iab_products_and_industry_services/1421/1443/1452) * 增大寬度： 970px - 在大部分瀏覽器中還會留出一些內邊距。 這個數字和?[黃金比例](http://en.wikipedia.org/wiki/Golden_ratio)?吻合得比較好 * 最大寬度： 996px - 在主流瀏覽器中還不會產生水平滾動條。?[基于此處的研究](http://www.nealgrosskopf.com/tech/thread.php?pid=43)?，如果你不希望出現水平滾動條，寬度的最大值是 1003px。 **關于窗口大小的當前統計** * [真沒勁 - 1024px 分辨率下的優化寬度？](http://www.cameronmoll.com/archives/001220.html) * [瀏覽器、操作系統和搜索引擎的市場占有率](http://marketshare.hitslink.com/report.aspx?qprid=17&qpmr=100&qpdt=1&qpct=3&qptimeframe=M) * [全球Web 統計](http://www.w3counter.com/globalstats.php) **不過，系統分辨率和瀏覽器尺寸并不是一樣的** * [瀏覽器尺寸很重要 - 實際數據 | mentalized.net](http://mentalized.net/journal/2006/10/24/browser_size_does_matter_actual_numbers/) * [我需要支持什么樣的尺寸 | baekdal.com](http://www.baekdal.com/reports/actual-browser-sizes/abs-sizes/) * [調查結果： 只有50.4% 的受訪者會把瀏覽器窗口最大化](http://www.456bereastreet.com/archive/200704/poll_results_504_of_respondents_maximise_windows/) * [屏幕分辨率和頁面布局](http://www.useit.com/alertbox/screen_resolution.html)