在制作网站时我们应该使用哪种浏览器来查看HTML CSS渲染?为什么?

时间:2010-02-26 10:21:19

标签: css xhtml cross-browser

  • Firefox的最新版本
  • IE7
  • IE6
  • IE 8

我们应该使用哪种浏览器来查看HTML css呈现以及为什么?

编辑:

我的问题不是我应该在上线前测试哪些浏览器。我会尽力测试一切。

我的问题是在布局开发过程中我应该选择哪种浏览器?为什么?

因为在开发过程中无法看到所有浏览器中的每一步都会浪费时间。在制作布局之后,我们可以测试所有,但在开发期间,一个浏览器会更好。

11 个答案:

答案 0 :(得分:5)

呃......他们每个人?

我个人使用Firefox 3.6进行开发,以方便使用Firebug,标头嗅探器和其他工具。我尝试在你提出的所有浏览器中进行测试,然后才能让任何人看到(例如客户端)。但我不认为这里有一个真正的“最佳”选择,因为最终,您需要测试您需要支持的每个浏览器。

答案 1 :(得分:2)

使用最新的css兼容浏览器和一个好的调试工具,例如Firefox 3.6和Firebug插件。

然后检查要为用户支持的其他浏览器,然后向后更正错误。

不要试图让网站在所有浏览器中看起来完全相同,否则会浪费你的时间。

只要在旧版/其他浏览器中效果相似(例如,您可以对Firefox / WebKit浏览器使用border-radius,对于不支持border-radius的浏览器,这会很好地降低)并且该网站可用并实现它的目的,然后你的确定

在IE6上浪费太多时间。使用条件注释样式表,让它可用​​......

在文件的头部

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

答案 2 :(得分:1)

这一切都取决于您的目标用户组。

如果您为使用IE6的客户工作,则必须对其进行测试。很遗憾,我知道。

如果您正在为一般公众设计网站,请测试主要浏览器的当前版本。 Firefox,IE,Opera,Safari和Chrome(?)。

另外:根据标准开发然后修复在一个浏览器或另一个浏览器中不起作用的任何内容。不是你为IE开发,而是试图解决在所有其他浏览器上突然崩溃的一切。

答案 3 :(得分:1)

在开发NOT测试期间,我使用这个组合:
firefox
firebug extension
webdeveloper extension
live http headers extension
尝试一下,你不会后悔,你可以更改你的CSS浏览器然后更改你的代码(不需要更新那个恼人的一个像素偏移),检查故障界面或代码在哪里逻辑和更多。(页面速度和YSlow分析你的页面速度等)。

答案 4 :(得分:0)

您需要在所有主流浏览器中测试您的CSS,包括IE(6,7和8),Firefox,Chrome甚至Safari和Opera。

您可以使用最新版本的Firefox,Chrome等进行自动更新,因此用户不太可能使用旧版本(虽然不是未知)。

IE是一个问题,因为很多用户 - 特别是企业用户 - 正在运行旧版本。

选择一个,只要它具有良好的开发工具支持,开发并使网站看起来很好就没关系。然后在其他人中测试。您执行此操作的顺序以及您希望花费多少精力将完全取决于您的目标受众。根据我的经验,Firefox与Firebug甚至(我敢说)IE8内置的开发人员工具都是不错的选择。这里的优点是你将覆盖大多数用户。然而,随着浏览器市场越来越分散,您将需要在其他市场进行测试。

答案 5 :(得分:0)

我全心全意地同意佩卡。

我在Firefox中开发所有内容并使用开发期间可用的优秀插件(Firebug / Web Developer Toolbar /等)。

一个建议是经常在其他浏览器中进行测试....我建议你每次去休息时在其他浏览器中查看是否有任何问题,然后制作一个请注意修复它们,并允许您的网站在所有浏览器中正确呈现。

你真的不想根据他/她的浏览器偏好排除任何用户,所以请确保 它全面运作!

修改

其他用户之一也是一个好点...... IE6正在逐步淘汰,但是如果你想在企业环境中拥有任何用户,你也不想排除测试这一点!

答案 6 :(得分:0)

这是一个有趣的问题,我假设你有一个过程,这意味着首先你开发你的页面,然后你做跨浏览器测试,以确保它在任何地方都有效 - 所以问题就变成了哪个是让你到达“无处不在”工作的最佳起点(其定义将取决于你的目标受众)。

这曾经很简单 - 根据我(当时)工作人员的说法,Firefox有很好的标准支持和最好的工具 - 所以先在firefox中正确使用,然后再适应其他所有工作,现在它已经不那么明显,因为IE8有一套非常不错的开发工具(并且表现得比其前辈更好),Chrome现在正在采取行动 - 再次使用一套好的工具和扩展。

我的直觉可能是Firefox,Chrome,IE8的顺序 - 但我没有做足够的CSS工作以断言这是正确的。

答案 7 :(得分:0)

你在Firefox中开发(你有萤火虫调整东西),你在safari / chrome&amp; amp; opera(所有这些都可以使用标准,因此你很少有机会获得bug)并在IE中进行调试。因为在一次尝试中不可能在所有浏览器中具有完全功能:D

答案 8 :(得分:0)

我使用主浏览器(Chrome)进行基本操作,并经常检查所有其他浏览器是否存在错误和布局问题。

答案 9 :(得分:-1)

我认为如果我们选择firefox和IE 6.0进行网站设计,那么对于所有浏览器来说,该网站看起来几乎相同,因为其余的IE 6&amp; 7所有浏览器的HTML呈现模式几乎相同。因此,如果我们从开始考虑firefox和IE 6.0开始编写css,那么错误的数量就会减少,这样我们就可以建立所有与浏览器兼容的网站。

请给我反馈

答案 10 :(得分:-2)

我在ie6中这样做,这是一个仍然在使用的最原始的浏览器。 我认为任何适用于ie6的东西都适用于任何浏览器。