在 IE6/7 和 Firefox 上获得相同显示效果的最佳工具或技术是什么？[关闭]

Question

我说的不是像 crossbrowsertesting.com 这样可以让人们在操作系统和浏览器组合中查看页面的工具，而是创建或弄清楚实际 CSS 的工具。

Answer 1

如果你们还在为 IE6 编写代码，那么你们就犯了一个错误。

我用 IE7.js 让 IE6 能够像 IE7 一样渲染页面。IE7并不完美，但至少它有一些表面上的标准。由于我只需为 IE7 和 FF 编写代码，这使我在浏览器测试方面的效率提高了 33%，我认为这具有良好的商业意义。

关联： IE7.js

Answer 2

使用 CSS 重置来跨浏览器平衡字段。YUI 和 Eric Meyer 有很好的。

Answer 3

我按照这些标准编写，Firefox 和 IE7 都遵循一组相当好的共同点。

就我而言，IE6 已经死了，但如果我回到专业的网络开发领域，我可能不得不修改它；）

Answer 4

我尝试制作一个符合标准的页面，并在 Firefox 中进行所有测试（因为它有一些出色的开发扩展，例如 Web Developer 和 Firebug）。然后，当我完成后，我会在 IE 中测试该站点，然后进行必要的小更改。我发现我需要做的改变很少，因为我没有使用 CSS 做任何非常复杂的事情。

我曾经遇到过更多关于 Javascript 差异的问题，但是在我开始使用 Javascript 库（例如 jQuery）之后，我不再遇到任何严重的问题。

Answer 5

填充。

当使用边距在页面上水平放置元素时，IE6 可能会有点奇怪。如果您使用填充来调整元素的大小和内容的间距，则可以使许多布局在 IE6/7、FF、Safari 和 Opera 中正常工作，而无需任何修改。由于破碎的盒子模型，IE5.5 使事情变得有点棘手，但我认为我们现在在大多数情况下都可以排除它。

Answer 6

我尝试制作一个符合标准的页面，并在 Firefox 中进行所有测试（因为它有一些出色的开发扩展，例如 Web Developer 和 Firebug）。然后，当我完成后，我会在 IE 中测试该站点，然后进行必要的小更改。我发现我需要做的改变很少，因为我没有使用 CSS 做任何非常复杂的事情。

这里也一样，只是我不需要使用 Firebug 之类的。然而，我最近只在 IE6 上遇到过问题 - 这些问题可以通过简单的 CSS 绕过来解决：

/* All browsers read: */
html body {
    margin: 10px;
}

/* FF, IE7, Op etc. read: */
html > body {
    margin: 0;
}

Answer 7

我和伊莱在一起。针对 firefox（安装了 firebug）进行编写使得您必须首先编写“更兼容”的代码，然后当您使其与 IE 兼容时，它就不再是一项工作。

使用该网站 怪异模式 帮助您找到兼容性信息的答案

Answer 8

如果这是一个全新的项目，我会在进行更改时在我瞄准的所有浏览器上测试所有 html+css 更改。过去，我倾向于专注于我最喜欢的浏览器，然后在完成后与其他浏览器进行测试，发现存在一个或多个小怪癖，并且查明实际原因非常乏味。现在，我打开了所有浏览器，并在每次 html/css 更改后刷新每个浏览器，以确保显示符合我的期望。当出现问题时，我确切地知道是什么原因造成的。

一次在所有浏览器上进行测试似乎很耗时，但从长远来看，当您一次发现问题时，它实际上可以节省时间。