【问题标题】:Which browser we should use to see HTML CSS rendering while making a site and why?在制作网站时我们应该使用哪种浏览器来查看 HTML CSS 渲染,为什么?
【发布时间】:2011-01-21 09:38:42
【问题描述】:
  • Firefox 的最新版本
  • IE7
  • IE6
  • IE 8

我们应该使用哪种浏览器来查看 HTML css 渲染始终以及为什么?

编辑:

我的问题不是在上线之前我应该​​测试哪些浏览器。我会尽一切可能进行测试。

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

因为在开发过程中不可能看到所有浏览器中的每一步,这会浪费时间。完成布局后,我们可以进行所有测试,但在开发过程中使用一个浏览器会更好。

【问题讨论】:

  • 他在开发过程中询问。我认为公平地说有些浏览器在开发阶段更有效

标签: css xhtml cross-browser


【解决方案1】:

呃……每个人?

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

【讨论】:

  • 同意 Firebug。其他任何地方都没有那么好。不过,我建议尽早在 Internet Explorer 中测试布局和脚本。 Firefox 的 IETab 是一个很好的补充。
  • Firebug 的另一个 +1。这只是让我可以忍受使用 CSS 的唯一原因......
  • 如果 IE6 也在客户的愿望清单中,我们在开发阶段使用 IE6 中的所有内容进行测试会有什么缺点。?
  • @Jitendra 我不会使用 IE6 作为主要的开发工具。它有零个开发人员工具(当然,您可以安装开发工具栏但仍然),并且完全过时了。更好地使用现代浏览器,并经常检查 IE6。
【解决方案2】:

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

然后检查您想要为您的用户支持的其他浏览器并向后更正任何错误。

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

只要在旧版/其他浏览器中效果相似(例如,您可以对 Firefox/WebKit 浏览器使用边框半径,这对于不支持边框半径的浏览器会很好地降级)并且该站点是可用的并实现它的目的,然后你的好

不要在 IE6 上浪费大量时间。使用条件注释样式表并让它可用...

在文档的头部

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

【讨论】:

  • +1 表示不会在 IE6 上浪费时间,而是让它可用于该浏览器。我很高兴我们的一位客户降低了对 IE7 的要求,但(相当动态的)Web 应用程序在 IE5.5 上运行良好,即使它不是像素完美的......
【解决方案3】:

这完全取决于您的目标用户群。

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

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

另外:根据标准进行开发,然后修复在一个或另一个浏览器中不起作用的问题。并不是说您为 IE 开发,然后尝试修复所有其他浏览器上突然崩溃的所有内容。

【讨论】:

  • 我认为 Opera、Safari 和 Chrome 的优先级应该较低,因为它们的市场份额较小,而且它们的标准相当不错,所以如果网站在 Firefox 中运行良好 Internet Explorer 7+,很有可能在 Opera、Safari 和 Chrome 中运行。
【解决方案4】:

在开发非测试期间,我使用此组合:
firefox
firebug extension
webdeveloper extension
live http headers extension
试一试,你不会后悔的,你可以在浏览器中修改你的css然后修改你的代码(不再需要刷新那个烦人的一个像素偏移),检查错误接口或代码在哪里逻辑等等。(页面速度和 YSlow 来分析你的页面速度等)

【讨论】:

    【解决方案5】:

    我完全同意佩卡的观点。

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

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

    您确实不想根据用户的浏览器偏好排除任何用户,因此请确保 它可以全面发挥作用!

    编辑

    另外一位用户的好点... IE6 正在逐步淘汰,但是如果您希望在公司环境中拥有任何用户,您也不想排除对此进行测试!

    【讨论】:

      【解决方案6】:

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

      您可能只使用最新版本的 Firefox、Chrome 等,因为它们会自动更新,因此用户不太可能使用旧版本(尽管这不是未知的)。

      IE 是个问题,因为很多用户(尤其是企业用户)都在运行旧版本。

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

      【讨论】:

        【解决方案7】:

        这是一个有趣的问题,我将假设您有一个流程,这意味着您首先开发您的页面,然后您进行跨浏览器测试以确保它在任何地方都能正常工作 - 那么问题就变成了哪个是将带您进入“无处不在”工作的最佳起点(其定义在一定程度上取决于您的目标受众)。

        这曾经很容易——根据我(当时)的员工的说法,Firefox 有良好的标准支持和最好的工具——所以首先在 Firefox 中把它弄好,然后适应其他一切,现在它不像 IE8 那样清晰了一套非常不错的开发工具(并且比它的前辈表现得更好),Chrome 现在正在采取行动 - 再次使用一套很好的工具和扩展。

        我的直觉可能是 Firefox、Chrome、IE8 的顺序 - 但我没有做任何接近足够的 CSS 工作来断言这是正确的。

        【讨论】:

        • IE8 越来越好,但 IE 开发工具与 Firebug 相比很糟糕,我每天都在使用这两种工具
        • @Nick - 问题是:是因为它们不好还是因为它们不是萤火虫?不断变化的环境总是很痛苦,所以如果你在其中一个方面经验丰富/很舒服,而另一个是新的(来自微软)。
        【解决方案8】:

        你在 Firefox 中开发(你有 firebug 来调整东西),你在 safari/chrome 和 opera 中测试(它们都符合标准,所以你在这些中出现错误的可能性很小),你在 IE 中调试。因为一次尝试就不可能在所有浏览器中拥有完整的功能:D

        【讨论】:

          【解决方案9】:

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

          【讨论】:

            【解决方案10】:

            我认为如果我们同时选择 firefox 和 IE 6.0 进行网站设计,那么所有浏览器的网站看起来几乎相同,因为 IE 6 和 7 的其余部分所有浏览器的 HTML 呈现模式几乎相同。所以如果我们从考虑firefox和IE 6.0开始做css,bug会更少,这样我们就可以做所有浏览器兼容的网站。

            请给我反馈

            【讨论】:

            【解决方案11】:

            我是在 ie6 中做的,最原始的浏览器仍在使用。 我认为任何可以在 ie6 上运行的东西都可以在任何浏览器上运行。

            【讨论】:

              猜你喜欢
              • 1970-01-01
              • 2021-11-30
              • 2018-10-30
              • 2018-07-18
              • 1970-01-01
              • 1970-01-01
              • 1970-01-01
              • 1970-01-01
              • 1970-01-01
              相关资源
              最近更新 更多