- Firefox's Latest version
- Firefox的最新版本
- IE7
- IE7
- IE6
- IE6
- IE 8
- IE 8
Which browser we should use to see HTML css rendering for always and why?
我们应该使用哪个浏览器来查看HTML css呈现?为什么?
Edit:
编辑:
My question is not on which browsers should i test site before go live. i will try to test on all possible.
我的问题不是在上线之前应该测试哪个浏览器。我将尽一切可能进行测试。
My question is which browser should i choose during layout development process and why?
我的问题是在布局开发过程中我应该选择哪个浏览器，为什么?
because while development it's not possible to see every step in all browser it will waste time. after making a layout we can test in all but during development one browser would be better.
因为开发时不可能在所有浏览器中看到每一步，这会浪费时间。在创建布局之后，我们可以在所有浏览器中进行测试，但是在开发过程中，一个浏览器会更好。
11 个解决方案
#1
5
Uhh... every one of them?
喔…每一个人吗?
I personally develop with Firefox 3.6 for convenience and the availability of Firebug, header sniffers and other tools. I try to test in all the browsers you mention before anything goes out for anybody to see (a client for example). But I don't think there is a real "best" choice here because in the end, you will need to test for every browser you need to support anyway.
我个人使用Firefox 3.6进行开发，是为了方便使用Firebug、header sniffers和其他工具。我尝试在您提到的所有浏览器中进行测试，然后再让任何人看到(例如客户端)。但我认为这里并没有真正的“最佳”选择，因为最终，您需要对需要支持的每个浏览器进行测试。
#2
2
Use the most up-to-date css compliant browser with a good debugging tool e.g. Firefox 3.6 and the Firebug plug-in.
使用最新的css兼容浏览器和一个好的调试工具，例如Firefox 3.6和Firebug插件。
Then check in the other browsers you want to support for your users and backwards correct any errors.
然后在其他浏览器中检查您想要支持的用户，并向后纠正任何错误。
Do not attempt to make the site look EXACTLY the same in all browsers, you will be wasting your time.
不要试图让网站在所有浏览器中看起来完全一样，这样会浪费你的时间。
As long as the effect is similar in older/other browsers (for example you could use border-radius for Firefox/WebKit browsers and this will degrade nicely for browsers that don't support border-radius) and the site is usable and fulfills it's purpose, then your ok
只要在旧的/其他浏览器中效果相似(例如，您可以在Firefox/WebKit浏览器中使用border-radius，这对于不支持border-radius的浏览器来说会很好地降低)，并且站点是可用的，并且满足了它的目的，那么您就ok了
DONT WASTE TONS OF TIME ON IE6. Use a conditional commented stylesheet and just get it usable...
不要在IE6上浪费大量的时间。使用一个有条件注释的样式表，使它可用……
In the head of the document
在文件的开头
<!--[if IE 6]>
<link rel="stylesheet" type="text/css" href="IE6.css"/>
<![endif]-->
#3
1
It all depends on your target user group.
这一切都取决于您的目标用户组。
If you're working for customer that uses IE6, you will have to test for it. Sad, I know.
如果你是为使用IE6的客户工作，你必须对它进行测试。难过的时候,我知道。
If you're designing a site for general public, then test for current versions of major browsers. Firefox, IE, Opera, Safari and Chrome(?).
如果您正在为大众设计一个站点，那么请测试主要浏览器的当前版本。Firefox、IE、Opera、Safari和Chrome(?)
Also: develop according to standards then fix whatever does not work in one browser or another. Not that you develop for IE, then trying to fix everything that suddenly falls apart on all other browsers.
另外:根据标准开发，然后修复在一个浏览器或另一个浏览器中不能工作的任何东西。不是为IE开发，然后试图修复所有其他浏览器突然崩溃的东西。
#4
1
During developing NOT testing I use this combo :
firefox
firebug extension
webdeveloper extension
live http headers extension
Give it a try, you won't regret it, you can make changes to your css IN BROWSER and then change your code (No more refresh needed for that one annoying one pixel offset), check to see where is the fault interface or code logic and plenty more.(Page Speed & YSlow to analize your page speed etc.)
在发展中不测试我想使用这个套餐:firefox的firebug扩展webdeveloper扩展live http headers扩展试一试,你不会后悔的,你可以更改你的css在浏览器,然后改变你的代码(不再需要刷新一个恼人的一个像素偏移),查看故障界面或代码逻辑在哪里和更多。(页面速度和YSlow来实现页面速度等)
#5
0
I whole-heartedly agree with Pekka.
我衷心同意佩卡的观点。
I develop everything within Firefox and use the excellent addons available during development (Firebug / Web Developer Toolbar / etc).
我在Firefox中开发所有东西，并使用开发期间可用的优秀插件(Firebug / Web Developer Toolbar /等)。
A suggestion would be to test often in other browsers as well....I would recommend every time you go to take a little break check it out in the other browsers to see if there are any issues, and then make a note to fix them and allow your website to be rendered properly in all browsers.
建议将测试通常在其他浏览器....我建议每次你去休息的时候去其他浏览器看看是否有问题，然后做个笔记来修复它们，让你的网站在所有浏览器中都能正常显示。
You really don't want to exclude any user based on his/her browser preference, so make sure it works across the board!
你真的不希望因为用户的浏览器偏好而排除任何用户，所以要确保它能够全面运行!
edit
编辑
Also a good point from one of the other users...IE6 is in the process of being phased out, however if you are looking to have any users in a corporate environment you don't want to exclude testing this either!
这也是其他用户的一个很好的观点……IE6正在逐步淘汰，但是如果你想在公司环境中有任何用户，你也不想排除测试!
#6
0
You need to test your css in all the major browsers, that includes IE (6, 7 and 8), Firefox, Chrome and even Safari and Opera.
您需要在所有主要浏览器中测试css，包括IE(6、7和8)、Firefox、Chrome，甚至Safari和Opera。
You can probably get away with just using the latest versions of Firefox, Chrome etc. as they auto-update and so users are less likely to be using older version (though it's not unknown).
你可能只需要使用最新版本的Firefox、Chrome等自动更新就可以了，这样用户就不太可能使用旧版本(虽然这不是未知的)。
IE is a problem because so many users - particularly corporate users - are running older versions.
IE是一个问题，因为很多用户——尤其是企业用户——都在运行旧版本。
Choose one, it doesn't really matter which as long as it has good development tool support, to develop in and get the site looking good in that. Then test in the others. Which order you do this and how much effort you want to expend will depend totally on your target audience. From my experience Firefox with Firebug and even (dare I say it) IE8 with it's built in developer tools are good choices. The advantage here is that you'll cover the majority of users with these. However as the browser market is getting more fragmented you will need to test in others.
选择一个，只要它有良好的开发工具支持，就可以在其中进行开发并使站点看上去良好。然后测试其他的。你这样做的顺序和你想要花费多少精力完全取决于你的目标受众。从我的经验来看，火狐和Firebug，甚至(恕我直言)IE8都是内置在开发工具中的不错的选择。这里的优点是，您将使用这些工具覆盖大多数用户。然而，随着浏览器市场越来越分散，您需要在其他浏览器中进行测试。
#7
0
This is an interesting question, I'm going to assume that you have a process that means that first you develop your page and then you do cross browser testing to make sure it works everywhere - so the question then becomes which one is going to get you to the best starting point for getting to working "everywhere" (definition of which will depend somewhat on your target audience).
这是一个有趣的问题,我将假设您有一个过程,意味着首先您开发您的页面,然后你做跨浏览器测试,以确保它工作无处不在,所以问题就变成了哪一个会让你得到最好的起点“无处不在”工作(这将取决于您的目标受众的定义)。
This used to be easy - according to my (then) staff Firefox had good standards support and the best tools - so get it right in firefox first then adapt to cope with everything else, now its a lot less clear as IE8 has a very decent set of dev tools (and is better behaved than its predecessors) and Chrome is now getting into the act - again with a good set of tools and extensions.
这是很简单的——据我(当时)员工Firefox有很好的标准支持和最好的工具,那么在Firefox一开始就做对适应应对一切,现在的很多不太清楚的IE8有一组非常体面的开发工具(和更好的表现比它的前任)和Chrome现在进入行为——再次用一套好的工具和扩展。
My gut feeling is probably Firefox, Chrome, IE8 in that order - but I'm not doing anywhere near enough CSS work to assert that that's right.
我的直觉可能是火狐、Chrome、IE8按这个顺序排列——但是我并没有做足够的CSS工作来证明这是正确的。
#8
0
You develop in Firefox (you have firebug to adjust things), you test in safari/chrome & opera (all of them is ok with standards so you have low chances to have bugs in those) and you debug in IE. Because is impossible to have a fully functional in ALL browser from one try :D
您在Firefox中开发(您有firebug来调整)，您在safari/chrome和opera中进行测试(所有这些都可以使用标准，所以您在这些方面的bug很低)，并且在IE中进行调试。因为不可能在所有浏览器中都有一个完整的功能从一个尝试:D
#9
0
I use my main browser (Chrome) for basic progress, and frequently check all other browsers for bugs and layout problems.
我使用我的主浏览器(Chrome)进行基本的进展，并经常检查所有其他浏览器的bug和布局问题。
#10
-1
I think If we choose firefox and IE 6.0 both for website design, the site will be look almost same for all browsers, because rest of IE 6 & 7 all browsers' HTML rendering pattern is almost same. So If we make css from start considering firefox and IE 6.0, bugs would be in less numbers and In this way we can make all browser compatible website.
我认为，如果我们选择firefox和ie6.0作为网站设计，那么网站在所有浏览器上的外观几乎都是一样的，因为IE 6和7的其他浏览器的HTML渲染模式几乎都是一样的。因此，如果我们从一开始就考虑firefox和ie6.0来制作css，那么bug的数量就会减少，这样我们就可以让所有浏览器兼容网站。
Please give me feedback
请给我反馈
#11
-2
I do it in ie6, the most primitive browser which is still in use. I think any thing that will work on ie6 will work on any browser.
我是在ie6中做的，ie6是目前使用的最原始的浏览器。我认为任何能在ie6上工作的东西都可以在任何浏览器上工作。
#1
5
Uhh... every one of them?
喔…每一个人吗?
I personally develop with Firefox 3.6 for convenience and the availability of Firebug, header sniffers and other tools. I try to test in all the browsers you mention before anything goes out for anybody to see (a client for example). But I don't think there is a real "best" choice here because in the end, you will need to test for every browser you need to support anyway.
我个人使用Firefox 3.6进行开发，是为了方便使用Firebug、header sniffers和其他工具。我尝试在您提到的所有浏览器中进行测试，然后再让任何人看到(例如客户端)。但我认为这里并没有真正的“最佳”选择，因为最终，您需要对需要支持的每个浏览器进行测试。
#2
2
Use the most up-to-date css compliant browser with a good debugging tool e.g. Firefox 3.6 and the Firebug plug-in.
使用最新的css兼容浏览器和一个好的调试工具，例如Firefox 3.6和Firebug插件。
Then check in the other browsers you want to support for your users and backwards correct any errors.
然后在其他浏览器中检查您想要支持的用户，并向后纠正任何错误。
Do not attempt to make the site look EXACTLY the same in all browsers, you will be wasting your time.
不要试图让网站在所有浏览器中看起来完全一样，这样会浪费你的时间。
As long as the effect is similar in older/other browsers (for example you could use border-radius for Firefox/WebKit browsers and this will degrade nicely for browsers that don't support border-radius) and the site is usable and fulfills it's purpose, then your ok
只要在旧的/其他浏览器中效果相似(例如，您可以在Firefox/WebKit浏览器中使用border-radius，这对于不支持border-radius的浏览器来说会很好地降低)，并且站点是可用的，并且满足了它的目的，那么您就ok了
DONT WASTE TONS OF TIME ON IE6. Use a conditional commented stylesheet and just get it usable...
不要在IE6上浪费大量的时间。使用一个有条件注释的样式表，使它可用……
In the head of the document
在文件的开头
<!--[if IE 6]>
<link rel="stylesheet" type="text/css" href="IE6.css"/>
<![endif]-->
#3
1
It all depends on your target user group.
这一切都取决于您的目标用户组。
If you're working for customer that uses IE6, you will have to test for it. Sad, I know.
如果你是为使用IE6的客户工作，你必须对它进行测试。难过的时候,我知道。
If you're designing a site for general public, then test for current versions of major browsers. Firefox, IE, Opera, Safari and Chrome(?).
如果您正在为大众设计一个站点，那么请测试主要浏览器的当前版本。Firefox、IE、Opera、Safari和Chrome(?)
Also: develop according to standards then fix whatever does not work in one browser or another. Not that you develop for IE, then trying to fix everything that suddenly falls apart on all other browsers.
另外:根据标准开发，然后修复在一个浏览器或另一个浏览器中不能工作的任何东西。不是为IE开发，然后试图修复所有其他浏览器突然崩溃的东西。
#4
1
During developing NOT testing I use this combo :
firefox
firebug extension
webdeveloper extension
live http headers extension
Give it a try, you won't regret it, you can make changes to your css IN BROWSER and then change your code (No more refresh needed for that one annoying one pixel offset), check to see where is the fault interface or code logic and plenty more.(Page Speed & YSlow to analize your page speed etc.)
在发展中不测试我想使用这个套餐:firefox的firebug扩展webdeveloper扩展live http headers扩展试一试,你不会后悔的,你可以更改你的css在浏览器,然后改变你的代码(不再需要刷新一个恼人的一个像素偏移),查看故障界面或代码逻辑在哪里和更多。(页面速度和YSlow来实现页面速度等)
#5
0
I whole-heartedly agree with Pekka.
我衷心同意佩卡的观点。
I develop everything within Firefox and use the excellent addons available during development (Firebug / Web Developer Toolbar / etc).
我在Firefox中开发所有东西，并使用开发期间可用的优秀插件(Firebug / Web Developer Toolbar /等)。
A suggestion would be to test often in other browsers as well....I would recommend every time you go to take a little break check it out in the other browsers to see if there are any issues, and then make a note to fix them and allow your website to be rendered properly in all browsers.
建议将测试通常在其他浏览器....我建议每次你去休息的时候去其他浏览器看看是否有问题，然后做个笔记来修复它们，让你的网站在所有浏览器中都能正常显示。
You really don't want to exclude any user based on his/her browser preference, so make sure it works across the board!
你真的不希望因为用户的浏览器偏好而排除任何用户，所以要确保它能够全面运行!
edit
编辑
Also a good point from one of the other users...IE6 is in the process of being phased out, however if you are looking to have any users in a corporate environment you don't want to exclude testing this either!
这也是其他用户的一个很好的观点……IE6正在逐步淘汰，但是如果你想在公司环境中有任何用户，你也不想排除测试!
#6
0
You need to test your css in all the major browsers, that includes IE (6, 7 and 8), Firefox, Chrome and even Safari and Opera.
您需要在所有主要浏览器中测试css，包括IE(6、7和8)、Firefox、Chrome，甚至Safari和Opera。
You can probably get away with just using the latest versions of Firefox, Chrome etc. as they auto-update and so users are less likely to be using older version (though it's not unknown).
你可能只需要使用最新版本的Firefox、Chrome等自动更新就可以了，这样用户就不太可能使用旧版本(虽然这不是未知的)。
IE is a problem because so many users - particularly corporate users - are running older versions.
IE是一个问题，因为很多用户——尤其是企业用户——都在运行旧版本。
Choose one, it doesn't really matter which as long as it has good development tool support, to develop in and get the site looking good in that. Then test in the others. Which order you do this and how much effort you want to expend will depend totally on your target audience. From my experience Firefox with Firebug and even (dare I say it) IE8 with it's built in developer tools are good choices. The advantage here is that you'll cover the majority of users with these. However as the browser market is getting more fragmented you will need to test in others.
选择一个，只要它有良好的开发工具支持，就可以在其中进行开发并使站点看上去良好。然后测试其他的。你这样做的顺序和你想要花费多少精力完全取决于你的目标受众。从我的经验来看，火狐和Firebug，甚至(恕我直言)IE8都是内置在开发工具中的不错的选择。这里的优点是，您将使用这些工具覆盖大多数用户。然而，随着浏览器市场越来越分散，您需要在其他浏览器中进行测试。
#7
0
This is an interesting question, I'm going to assume that you have a process that means that first you develop your page and then you do cross browser testing to make sure it works everywhere - so the question then becomes which one is going to get you to the best starting point for getting to working "everywhere" (definition of which will depend somewhat on your target audience).
这是一个有趣的问题,我将假设您有一个过程,意味着首先您开发您的页面,然后你做跨浏览器测试,以确保它工作无处不在,所以问题就变成了哪一个会让你得到最好的起点“无处不在”工作(这将取决于您的目标受众的定义)。
This used to be easy - according to my (then) staff Firefox had good standards support and the best tools - so get it right in firefox first then adapt to cope with everything else, now its a lot less clear as IE8 has a very decent set of dev tools (and is better behaved than its predecessors) and Chrome is now getting into the act - again with a good set of tools and extensions.
这是很简单的——据我(当时)员工Firefox有很好的标准支持和最好的工具,那么在Firefox一开始就做对适应应对一切,现在的很多不太清楚的IE8有一组非常体面的开发工具(和更好的表现比它的前任)和Chrome现在进入行为——再次用一套好的工具和扩展。
My gut feeling is probably Firefox, Chrome, IE8 in that order - but I'm not doing anywhere near enough CSS work to assert that that's right.
我的直觉可能是火狐、Chrome、IE8按这个顺序排列——但是我并没有做足够的CSS工作来证明这是正确的。
#8
0
You develop in Firefox (you have firebug to adjust things), you test in safari/chrome & opera (all of them is ok with standards so you have low chances to have bugs in those) and you debug in IE. Because is impossible to have a fully functional in ALL browser from one try :D
您在Firefox中开发(您有firebug来调整)，您在safari/chrome和opera中进行测试(所有这些都可以使用标准，所以您在这些方面的bug很低)，并且在IE中进行调试。因为不可能在所有浏览器中都有一个完整的功能从一个尝试:D
#9
0
I use my main browser (Chrome) for basic progress, and frequently check all other browsers for bugs and layout problems.
我使用我的主浏览器(Chrome)进行基本的进展，并经常检查所有其他浏览器的bug和布局问题。
#10
-1
I think If we choose firefox and IE 6.0 both for website design, the site will be look almost same for all browsers, because rest of IE 6 & 7 all browsers' HTML rendering pattern is almost same. So If we make css from start considering firefox and IE 6.0, bugs would be in less numbers and In this way we can make all browser compatible website.
我认为，如果我们选择firefox和ie6.0作为网站设计，那么网站在所有浏览器上的外观几乎都是一样的，因为IE 6和7的其他浏览器的HTML渲染模式几乎都是一样的。因此，如果我们从一开始就考虑firefox和ie6.0来制作css，那么bug的数量就会减少，这样我们就可以让所有浏览器兼容网站。
Please give me feedback
请给我反馈
#11
-2
I do it in ie6, the most primitive browser which is still in use. I think any thing that will work on ie6 will work on any browser.
我是在ie6中做的，ie6是目前使用的最原始的浏览器。我认为任何能在ie6上工作的东西都可以在任何浏览器上工作。