2010-02-26 27 views
4
  • Firefox的最新版本
  • IE7
  • IE6
  • IE 8

哪個瀏覽器,我們應該用它來看看HTML CSS渲染爲始終,爲什麼?我們應該使用哪個瀏覽器在製作網站時查看HTML CSS呈現,爲什麼?

編輯:

我的問題是它們不是在瀏覽器中我應該測試網站去住了。我會盡力測試所有可能的。

我的問題是我應該在佈局開發過程中選擇哪個瀏覽器,爲什麼?

因爲在開發過程中無法看到所有瀏覽器中的每一步都會浪費時間。在進行佈局之後,我們可以測試所有的內容,但在開發過程中,一個瀏覽器會更好。

+3

他問關於d發展。我認爲可以說在開發階段有一些瀏覽器更有效 – 2010-02-26 10:27:25

回答

5

呃......他們每個人都是?

爲了方便以及Firebug,頭部嗅探器和其他工具的可用性,我親自使用Firefox 3.6進行開發。我嘗試在任何人看到任何東西之前測試您提到的所有瀏覽器(例如客戶端)。但我不認爲這裏有一個真正的「最佳」選擇,因爲最終你需要測試每一個你需要支持的瀏覽器。

+3

同意Firebug。其他地方甚至沒有什麼優點。不過,我建議儘早在Internet Explorer中測試佈局和編寫腳本。 IETab for Firefox是一個很好的補充。 – OregonGhost 2010-02-26 10:38:49

+1

Firebug的另一個+1。這只是使我能夠忍受CSS的唯一工作...... – 2010-02-26 11:15:13

+0

如果我們用IE6在開發階段測試所有東西,如果IE6也在客戶端的願望清單中,有什麼缺點? – 2010-02-26 12:57:26

1

這一切都取決於您的目標用戶組。

如果您正在爲使用IE6的客戶工作,則必須進行測試。傷心,我知道。

如果你正在爲一般公衆設計一個網站,然後測試當前版本的主要瀏覽器。 Firefox,IE,Opera,Safari和Chrome(?)。

此外:根據標準進行開發,然後修復任何在一個瀏覽器或其他瀏覽器中無法工作的內容。並不是說你爲IE開發,然後試圖解決所有其他瀏覽器上突然崩潰的問題。

+1

我認爲Opera,Safari和Chrome應該具有較低的優先級,因爲它們的市場份額較小,並且因爲它們非常擅長標準,所以如果一個網站在Firefox *和* Internet Explorer 7+中運行良好,那麼它很可能會運行在Opera,Safari和Chrome上。 – OregonGhost 2010-02-26 10:40:07

2

使用最新的符合CSS標準的瀏覽器和良好的調試工具,例如, Firefox 3.6和Firebug插件。

然後檢查您想爲用戶支持的其他瀏覽器,並向後更正任何錯誤。

不要試圖使網站在所有瀏覽器中看起來完全相同,您將浪費您的時間。

只要效果在舊版/其他瀏覽器中相似(例如,您可以對Firefox/WebKit瀏覽器使用border-radius,並且對於不支持邊界半徑的瀏覽器會很好地降級),並且網站是可用並實現它的目的,那麼你的確定

不要在IE6上浪費時間。使用有條件的註釋樣式表,並使其可用...

在文檔

<!--[if IE 6]> 
<link rel="stylesheet" type="text/css" href="IE6.css"/> 
<![endif]--> 
+0

+1不會在IE6上浪費時間,但可以使用該瀏覽器。我很高興我們的客戶之一降低了對IE7的要求,但(相當動態的)Web應用程序在IE5.5上運行良好,即使它不是像素完美的... – OregonGhost 2010-02-26 10:42:02

0

你需要測試你的CSS中的所有主流瀏覽器的頭部,包括IE瀏覽器(6,7和8),火狐,Chrome,甚至Safari和Opera。

你或許可以矇混過關只是用火狐,Chrome等最新版本,因爲它們自動更新,因此用戶不太可能會使用舊版本(雖然它不是未知)是。

IE是一個問題,因爲很多用戶 - 特別是公司用戶 - 正在運行舊版本。

選擇之一,它並不重要,只要它具有良好的開發工具支持,以開發出並獲得該網站在尋找好。然後在其他人中進行測試。你要做這件事的順序和你想花多少努力將完全取決於你的目標受衆。根據我的經驗,Firefox與Firebug甚至(我敢說)IE8與它內置的開發人員工具是不錯的選擇。這樣做的好處是你可以用這些優勢覆蓋大多數用戶。但是隨着瀏覽器市場越來越分散,你需要在其他方面進行測試。

0

我完全同意佩卡。

我開發Firefox中的一切,並使用現有的優秀插件開發(螢火蟲/ Web開發工具欄/等)過程中。

建議可以在其他瀏覽器中經常進行測試......我會建議您每次去休息一下,在其他瀏覽器中查看是否有任何問題,然後再製作一個註釋來解決它們,並允許您的網站在所有瀏覽器中正確渲染。

你真的不想排除根據他/她的瀏覽器偏好的任何用戶,所以一定要確保 它的工作原理一刀切!

編輯

同樣來自其他用戶的一個好點... IE6處於被淘汰的過程,但是如果你正在尋找有任何用戶在企業環境中你不」不想排除測試這個!

0

這是一個有趣的問題,我會假設你有一個過程,這意味着首先你開發你的頁面,然後你跨瀏覽器的測試,以確保它的工作原理無處不在 - 所以接下來的問題是哪一個將會讓你到達「到處工作」的最佳起點(其定義取決於你的目標受衆)。

以前很容易 - 根據我的(當時)員工的說法,Firefox有很好的標準支持和最好的工具 - 所以先在Firefox中正確使用,然後再適應其他所有東西,現在它的IE8不太清晰擁有一套非常體面的開發工具(並且比之前的產品表現更好),Chrome現在正在進入這一行動 - 同樣擁有一套完善的工具和擴展。

我的直覺可能是火狐,Chrome,IE8的順序 - 但我沒有做足夠近CSS工作隨時隨地地斷言,這是正確的。

+0

IE8越來越好,但IE開發人員工具是可怕的是和Firebug相比,我每天都在工作 – 2010-02-26 10:37:07

+0

@尼克 - 問題在於:是因爲它們不好還是因爲它們不是螢火蟲?如果你在一方面是經驗豐富/舒適的,而另一方面是新的(並且來自Microsoft),那麼更改環境總是很痛苦。 – Murph 2010-02-26 10:40:31

0

你在Firefox中開發(你有螢火蟲來調整東西),你在safari/chrome & opera(它們都符合標準,所以你很少有機會出現錯誤)並在IE中進行調試。因爲不可能在所有瀏覽器中都有完整的功能:D

-1

我想如果我們選擇firefox和IE 6.0都用於網站設計,那麼對於所有瀏覽器來說,網站看起來都差不多,因爲其餘的IE 6所有瀏覽器的HTML呈現模式幾乎相同。因此,如果我們從開始考慮Firefox和IE 6.0開始創建css,bug數量將會減少,這樣我們就可以使所有瀏覽器兼容的網站。

請給我反饋

+0

沒有IE瀏覽器與其他所有瀏覽器不同,因爲它有自己的Box模型,請參閱http://www.crossbrowser.net/82/internet-explorer-box-model-is-not-a-bug/ – 2010-02-26 11:44:44

+0

也請閱讀http://www.456bereastreet.com/archive/200612/internet_explorer_and_the_css_box_model/ – 2010-02-26 11:50:50

0

我使用基本的進步我的主要瀏覽器(Chrome),並經常檢查所有其他瀏覽器的漏洞和佈局問題。

-2

我在ie6中使用它,這是仍在使用的最原始的瀏覽器。 我認爲任何能在ie6上運行的東西都可以在任何瀏覽器上運行。

1

在發展不測試我使用這個組合:
firefox
firebug extension
webdeveloper extension
live http headers extension
試試看吧,你不會後悔的,你可以在瀏覽器中修改你的CSS,然後改變你的代碼(沒有更多的刷新需要爲那一惱人的一個像素偏移量),檢查以查看故障接口或代碼邏輯在哪裏,還有更多更多信息(頁面速度& YSlow來分析你的頁面速度等)

相關問題