网站渲染操作系统是否依赖?

时间:2011-07-21 09:32:42

标签: cross-browser webpage-rendering

我正在开发一个非常简单的网站,只有一个网页,但我需要在所有浏览器中查看单个页面。现在,出于测试目的,我已经在我的Windows 7机器(FF,Chrome,Opera,Safari,Netscape等)上安装了一堆Web浏览器,并且在做了一些标记更改之后,我在所有的网页上看到了相同的网页浏览器。

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

3 个答案:

答案 0 :(得分:1)

你绝对应该跨平台测试网站,其他人可能不同意,但渲染肯定是不同的。

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

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

除了你上面看到的差异之外,如果你使用的是非绝对值,即使你使用的是px这样的绝对值也可能会出局!),所以最好在跨平台上检查您的网站,这在我看来与检查跨浏览器一样重要。

答案 1 :(得分:1)

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

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

答案 2 :(得分:1)

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

您可以先使用browsershots.org之类的服务快速检查您的网站是否正常。为了检查旧版本的IE,Microsoft提供了一些virtual machine images,您可以在Virtual PC中运行以真正测试这些站点。或者,有this site就像browsershots.org,只有更快,只有IE。请注意,屏幕截图服务无法替代在某个平台/浏览器上实际测试网站,但它是一种快速查看某些内容是否正常工作的方法。

我肯定会建议在较旧版本的IE中检查您的网站,因为IE有着丰富的历史,而且工作得不是很好。 IE9(我假设你正在使用)是一个很大的改进,但很多人仍然在6-8版本。由于IE6已经存在了大约9年没有重大变化,IE 7,8&每个人都有很多追赶,所以他们都非常不同。

对于其他浏览器,它们的呈现在不同版本中更加一致,但它们在不同平台上可能不一致。正如rudi_visser所说,元素可能会转移,特别是文本看起来可能不同。例如,Mac OS X使用与Windows不同的字体平滑技术,因此一行文本可能看起来更长/更短,从一个到另一个更大胆/更轻。像Firefox这样的跨平台浏览器将使用操作系统的字体渲染,因此即使浏览器在不同平台上相同,它仍然可能看起来不同。 (Windows上的Safari除外,我认为它坚持使用类似Mac的字体平滑而不是Windows自己的。)

相关问题