Google chrome 是否需要在Safari和Chrome中测试网页？

既然Safari和Chrome都使用Webkit，如果一个网页在一个浏览器中看起来很好，那么测试两个浏览器的兼容性是否多余？

不，不是

据我所知，Safari和Chrome（在OSX上）呈现字体的方式似乎有所不同。Safari将显示比Chrome小得多的没有指定大小的字体

铬：

狩猎：

---

如果您的站点有大量JavaScript，您应该测试这两种浏览器，因为它们之间存在差异。例如，以下内容导致Safari中出现JavaScript错误，而不是Chrome

var x = new Date('02-22-2011');

---

您肯定应该测试这两种浏览器。即使他们使用WebKit进行渲染，也存在许多差异：

字体-它们呈现方式不同，我强烈建议生成兼容字体

性能-就技术实现而言，每种方法都使用不同的方式在屏幕上呈现DOM。Chrome使用Skia（在Linux和Windows上），而Mac使用不同的东西。例如，尝试在Chrome vs Safari vs Firefox中隐藏一个包含200多个子项的DOM，你会发现Chrome需要20多秒，Safari需要5多秒，Firefox不到1秒。渲染时间不同，所以必须确保对其进行测试，以查看每个用户的体验

功能-HTML5的两个功能不同，它们没有相同的功能集

JavaScript-上述用户已经提到了一些不同之处，另一个例子可能是关键事件冒泡不同

但是，它们非常相似，在布局方面，您不必太担心（修复非常简单），但是最好进行测试以消除真正奇怪的情况

---

希望有帮助

您必须在两种浏览器上，甚至跨操作系统进行测试。Chrome和Safari呈现方式不同，尤其是使用自定义字体时（通过@font-face）。我发现，在Linux和Windows中使用Chrome时，渲染效果也不同，而在Windows和iPad上使用Safari时，渲染效果也不同。

这大概是因为Chrome使用标准Windows字体大小，而Safari使用标准Mac字体大小。这是一个72 dpi（在Mac上，以匹配打印页面）与96 dpi（在Windows上）的问题，多年来一直如此。也许是吧！我知道两种浏览器都有调整这个大小的选项，但你不能假设用户会调整这些设置。当然，我们可以讨论是否更喜欢相对字体大小而不是固定大小的字体：）