0

我正在开发一个非常简单的网站,只有一个网页,但我需要一个页面才能在所有浏览器中看起来都应该如此。现在,出于测试目的,我在我的 windows 7 机器上安装了一堆网络浏览器(FF、Chrome、Opera、Safari、Netscape 等),在做了一些标记更改之后,我在所有的网页上都有相同的外观浏览器。

现在的问题是,浏览器呈现网页的“方式”是否取决于浏览器运行的操作系统?我应该安装linux(或其他操作系统)并再次测试还是会好起来的?

4

3 回答 3

1

您绝对应该跨平台测试站点,其他人可能不同意,但渲染绝对不同。

除了基本渲染之外,您还可能缺少字体、具有相同名称的备用字体、在不同平台/配置上启用/禁用抗锯齿等等。

要确切了解我的意思,在 Windows 7 与 Firefox 5、OSX 与 Firefox 5 和 Linux 与 Firefox 5 的基本安装中,当使用字体“Arial”或“Verdana”时,您将清楚地看到差异,即使那些字体确实存在于所有平台上。

除了您在上面看到的差异之外,如果您使用非绝对值,甚至您的定位也可能会出现(地狱,即使您使用绝对值,例如px它可能会出现!),所以它始终是最佳实践在我看来,跨平台检查您的网站与检查跨浏览器一样重要。

于 2011-07-21T09:35:04.970 回答
1

即使相同的字体存在于不同的操作系统上,它们看起来也可能不同。

所以是的,如果你想确保页面在操作系统上看起来令人满意,你应该测试..

于 2011-07-21T09:37:10.710 回答
1

正如 rudi_visser 所说,您应该进行跨平台测试。这有点麻烦,但绝对值得。

您可以先使用browsershots.org 之类的服务来快速检查您的网站是否正常。为了检查旧版本的 IE,Microsoft 提供了一些可以在 Virtual PC 中运行的虚拟机映像来真正测试站点。或者,有一个类似于 browsershots.org 的网站,只是速度更快且仅限 IE。请注意,屏幕截图服务不能替代在特定平台/浏览器上实际测试网站,但它是查看某些东西是否正常工作的快速方法。

我肯定会建议在旧版本的 IE 中检查您的网站,因为 IE 有很长的历史,嗯,工作不太正常。IE9(我假设你正在使用)是一个很大的改进,但很多人仍然使用版本 6-8。由于 IE6 已经存在了大约 9 年没有发生重大变化,因此 IE 7、8 和 9 都有很多追赶工作要做,所以它们都非常不同。

至于其他浏览器,它们的渲染跨版本更一致,但跨平台可能不一致。正如 rudi_visser 所说,元素可能会四处移动,尤其是文本可能看起来不同。例如,Mac OS X 使用与 Windows 不同的字体平滑技术,因此一行文本可能会显得更长/更短、更粗/更浅。像 Firefox 这样的跨平台浏览器将使用操作系统的字体渲染,因此即使浏览器在不同平台上相同,它仍然可以看起来不同。(Windows 上的 Safari 是个例外,我认为它坚持使用类似 Mac 的字体平滑而不是 Windows 自己的)。

于 2011-07-21T09:58:25.913 回答