如何在一臺(tái)電腦同時(shí)安裝IE6、IE7、FF2、FF3進(jìn)行網(wǎng)頁(yè)調(diào)試

   web標(biāo)準(zhǔn)很重要的一點(diǎn)也是最煩的一點(diǎn)就是需要兼容各版本瀏覽器，隨著微軟IE7的推出，標(biāo)準(zhǔn)設(shè)計(jì)師需要考慮兼容IE7前面的IE5/IE5.5/IE6 版本及Firefox火狐瀏覽器，他們的兼容問(wèn)題一直是很多網(wǎng)頁(yè)設(shè)計(jì)師在進(jìn)行DIV+CSS布局時(shí)頭疼的問(wèn)題。
因 為IE和火狐的內(nèi)核存在差異，所以在制作網(wǎng)頁(yè)時(shí)，為了解決網(wǎng)頁(yè)代碼兼容性問(wèn)題，需要在不同的瀏覽器中進(jìn)行調(diào)試。一般網(wǎng)頁(yè)設(shè)計(jì)者都同時(shí)裝有IE和FF（火 狐），但最新的IE7和IE6之間也存在著一定的差異，為了讓自己的網(wǎng)頁(yè)在各種主流瀏覽器中都可以正常顯示，同時(shí)安裝IE6、IE7和FF進(jìn)行網(wǎng)頁(yè)調(diào)試就 顯得尤為必要。

一、讓IE6和IE7共存

    大家都知道，IE是windows自帶的網(wǎng)頁(yè)瀏覽器，IE7是IE6的升級(jí)版本，按理兩者無(wú)法同時(shí)存在于一個(gè)系統(tǒng)內(nèi)，那么如何讓IE6與IE7并存呢？下面介紹一個(gè)不錯(cuò)的解決方法：

1.如果你電腦上安裝的是IE6

    IE7免安裝程序,讓IE6和IE7和平相處,解決網(wǎng)頁(yè)設(shè)計(jì)師們?cè)诓煌琁E版本下調(diào)試網(wǎng)站設(shè)計(jì)布局的難題,尤其是XHTML布局設(shè)計(jì),IE6和IE7對(duì)CSS的解釋仍然有諸多不同的地方.
    IE7Standalone 可以讓你無(wú)需安裝IE7就可以使用IE7的全部功能(嚴(yán)格說(shuō)是大部分,ie收藏夾不能正常使用,單個(gè)標(biāo)簽，而且也沒(méi)有菜單,只保留最基本的瀏覽功能).這 樣可以讓ie6和ie7共存,對(duì)網(wǎng)頁(yè)設(shè)計(jì)師來(lái)說(shuō)是個(gè)好主意,方便在設(shè)計(jì)網(wǎng)頁(yè)時(shí)調(diào)試ie6和ie7下的網(wǎng)頁(yè)布局.IE7Standalone安裝簡(jiǎn)單,一路 下一步就可以了,唯一遺憾的是該軟件提取出來(lái)的ie7是英文版.
下載地址：http://www.alixixi.com/download/IE7S-setup.exe

2.如果你的瀏覽器是IE7

    web標(biāo)準(zhǔn)很 重要的一點(diǎn)也是最煩的一點(diǎn)就是需要兼容各版本瀏覽器，隨著微軟IE7的推出，標(biāo)準(zhǔn)設(shè)計(jì)師需要考慮兼容IE7前面的IE5/IE5.5/IE6版本，之前一 直沒(méi)有找到好的方法，最近終于找到IE版本合集軟件包Multiple_IE。嚴(yán)重推薦給大家，大家升級(jí)到IE7后也可方便測(cè)試網(wǎng)頁(yè)的兼容性。
      安裝“IE版本合集軟件包Multiple_IE”，下載地址：http://www.alixixi.com/download/Multiple-IE.rar，它集合了IE6以及之前所有的IE版本，你只需點(diǎn)擊該軟件，然后選中IE6（其他版本根據(jù)需要可以選擇安裝或不安裝），選擇“在桌面創(chuàng)建快捷方式”進(jìn)行安裝：
完成安裝后，你就會(huì)發(fā)現(xiàn)你的IE7和IE6并存了。

二、讓FF2和FF3共存

FireFox3新特性

FF2和FF3共存方案

現(xiàn)在，最新的FireFox2版本為Firefox 2.0.0.14與FireFox2 相比，F(xiàn)ireFox3采用了全新的Gecko 1.9引擎。所以無(wú)論是性能、穩(wěn)定性和安全性方面都有較大的提高。對(duì)用普通用戶而言，最明顯的感覺(jué)就是——啟動(dòng)速度變的很快了。對(duì)于網(wǎng)頁(yè)設(shè)計(jì)者而言，一些 css和JavaScript方面的改進(jìn)也是令人興奮（但是，同時(shí)意味著以前對(duì)FireFox2兼容較好的頁(yè)面，可能在FireFox3下出現(xiàn)問(wèn)題）。現(xiàn) 在FireFox3已經(jīng)發(fā)布了Firefox 3.0rc1版本。而且據(jù)比較可靠的消息稱：FireFox3的正式版將在近期發(fā)布。

為什么要讓FireFox2和FireFox3共存

FireFox的市場(chǎng)占有率現(xiàn)在已經(jīng)僅次于IE系列，所以一個(gè)網(wǎng)站如果不支持FireFox，將意味著丟掉10%-30%的用戶訪問(wèn)量。更重要的 是，一個(gè)不支持FireFox瀏覽器的網(wǎng)站，會(huì)被人感到“不友好、不專業(yè)、太霸道”的網(wǎng)站。正是因?yàn)镕ireFox的市場(chǎng)表現(xiàn)，讓網(wǎng)站設(shè)計(jì)者完全不能無(wú)視 FireFox的兼容性。在FireFox2向FireFox3過(guò)渡的瀏覽器升級(jí)期間，網(wǎng)頁(yè)設(shè)計(jì)者需要同時(shí)對(duì)FireFox2和FireFox3的網(wǎng)頁(yè)兼 容性測(cè)試，以保證網(wǎng)頁(yè)在FireFox3發(fā)布后能夠保證較好的兼容性。

文章發(fā)表1天后補(bǔ)充：很多朋友質(zhì)疑“所以一個(gè)網(wǎng)站如果不支持FireFox，將意味著丟掉10%-30%的用戶 訪問(wèn)量”這句話。也許是低估了FireFox的能力。在很多群體中FireFox的使用率還是比較高的，例如程序員這個(gè)群體，下面是我的博客統(tǒng)計(jì)系統(tǒng)統(tǒng)計(jì) 出來(lái)的各個(gè)瀏覽器的使用情況。FireFox的比率還是比較高的。當(dāng)然，這個(gè)和博客園這個(gè)用戶群體有關(guān)。如果，你舉個(gè)QQzone一類的，我也只能華麗的 伸出中指了 凸-_-凸

我的博客統(tǒng)計(jì)顯示的FireFox占有率

當(dāng)然，如果你只是一個(gè)普通瀏覽器的使用者，但是完全沒(méi)有必要在乎這些東西。在這個(gè)瀏覽器市場(chǎng)群雄逐鹿的亂世，你們是幸福的，你們需要做的只是：用著自己的喜愛(ài)的瀏覽器，然后對(duì)布局混亂的頁(yè)面大罵他們的混蛋網(wǎng)頁(yè)設(shè)計(jì)者……

另：IE6、IE7、IE8共存的解決方案，可以參考 《IE多版本共存的解決方案——IETester》。

FireFox2和FireFox3共存具體實(shí)現(xiàn)步驟

下面將通過(guò)一系列的截圖和講解，詳細(xì)的告訴你如何如何讓FireFox2和FireFox3共存于windows操作系統(tǒng)中。

1：先搞定FireFox2

如果你已經(jīng)安裝了FireFox2那么，請(qǐng)?zhí)^(guò)這一步，如果你還沒(méi)有安裝FireFox2，請(qǐng)你先安裝FireFox2，沒(méi)有什么好說(shuō)的，一路“NEXT”即可。當(dāng)然，如果你還沒(méi)有FireFox2安裝文件的話，你可以去mozilla Firefox 2.0.0.14 官方下載頁(yè)面去下載。

2：打開(kāi)Firefox的配置文件管理器

打開(kāi)“運(yùn)行”對(duì)話框（開(kāi)始->運(yùn)行 或者 使用Win + R 快捷鍵）。運(yùn)行命令 firefox -profilemanager -no-remote。這樣就可以打開(kāi)FireFox的配置文件管理器了。參數(shù)–no-remote的意思是：命令允許FireFox瀏覽器正在運(yùn)行的時(shí)候打開(kāi)配置文件管理器。

打開(kāi)Firefox的配置文件管理器

3：建立FireFox3配置文件

點(diǎn)擊“創(chuàng)建配置文件”按鈕，創(chuàng)建一個(gè)名為Firefox3名字的配置文件（當(dāng)然，你也可以命名其他的名字，但是請(qǐng)注意前后一致）。去掉對(duì)“啟動(dòng)時(shí)不詢問(wèn)”的選擇。這一步是為Firefox3創(chuàng)建一個(gè)新的配置文件。注：建立的時(shí)候，可以選擇配置文件的路徑。

為了方便識(shí)別，我還順便把FireFox2用的配置文件“default”重新命名為“FireFox2”了。

建立FireFox3配置文件

4：給FireFox2快捷鍵加運(yùn)行參數(shù)

在Firefox2的快捷方式上點(diǎn)擊右鍵，然后選擇屬性。在“目標(biāo)”輸入框中.exe"的后面輸入一個(gè)空格和-p FireFox2（其 中“FireFox2”這個(gè)參數(shù)就是第三步中FireFox2的配置文件名稱，因?yàn)槲疑弦徊街幸呀?jīng)把“default”重新命名為“FireFox2” 了，所以這里也要用“FireFox2”），點(diǎn)擊“應(yīng)用”按鈕后確定。這步是告訴快捷方式使用默認(rèn)配置文件來(lái)運(yùn)行Firefox2。

建立FireFox3配置文件

5：安裝FireFox3

去下載FireFox3安裝文件，現(xiàn)在是FireFox3正式版已經(jīng)提供下載。

安裝Firefox3，“安裝類型”選擇“自定義”，這樣就可以選擇安裝新的安裝地方。為了方便管理，我們將FireFox3安裝在一個(gè)目錄為FireFox3的目錄中。

“安裝類型”選擇“自定義”

將FireFox3安裝在一個(gè)目錄為FireFox3的目錄中

6：不要立即運(yùn)行FireFox3

在安裝結(jié)束時(shí)，不選擇“立即運(yùn)行Firefox”選項(xiàng)。如果現(xiàn)在運(yùn)行，它使用的將是默認(rèn)配置文件“FireFox2”，當(dāng)然這不是我們想要的。

FireFox3安裝結(jié)束時(shí)不要立即運(yùn)行FireFox3

配置FireFox3啟動(dòng)參數(shù)

在Firefox3的快捷方式上單擊右鍵，選擇“屬性”，在目標(biāo)輸入框的-no-remote -p firefox3（其中“FireFox3”就是第3步中FireFox3的配置文件名稱）。這步是告訴這個(gè)快捷方式使用配置文件Firefox3來(lái)運(yùn)行。

配置FireFox3啟動(dòng)參數(shù)

測(cè)試一下FireFox2和FireFox3共存效果吧

為了方便可以把FireFox2和FireFox3的快捷鍵重新命名一下。打開(kāi)FireFox2，沒(méi)有問(wèn)題。打開(kāi)FireFox3時(shí)會(huì)被詢問(wèn)使用何種FireFox配置文件，當(dāng)然選擇FireFox3了。

打開(kāi)FireFox3時(shí)被詢問(wèn)使用哪個(gè)FireFox配置文件

最后，讓我們看看同時(shí)運(yùn)行的效果吧——

FireFox2和FireFox3共存效果圖

萬(wàn)歲！新版Firebug已經(jīng)支持FireFox3

雖然遺憾的是FireFox2下的很多插件已經(jīng)不能在FireFox3下使用了。但是最新版的Firebug 1.2 beta已經(jīng)適用于FireFox3。對(duì)于網(wǎng)頁(yè)設(shè)計(jì)者而言，一個(gè)FireFox3下的Firebug已經(jīng)滿足了。