网站测试策略

时间:2010-10-06 20:40:21

标签: testing cross-browser

我一直在谷歌上搜索这个,现在几天。在生成非商业网站时,跨浏览器测试的最佳策略是什么?我使用Windows 7和Textpad来开发我的HTML / CSS / JavaScript / PHP - 即:没有Dreamweaver,kompozer等等。

我目前正在使用Firefox 3.6和IE8进行测试。我最后一次检查,这占了浏览器市场的80%。我没有安装Safari,也没有谷歌浏览器,但想知道浏览器市场中我的网站(http://www.simoncatlin.co.uk)会有多大的“行为”,特别是因为我使用了很多计时器,屏幕测量,等等。

我不是追求完美,但想知道我有多接近100%。

提前致谢

Simon Catlin

6 个答案:

答案 0 :(得分:2)

我可以建议特别注意IE6的怪癖,过去几年对网络开发人员来说一直很麻烦,所以要确保任何特殊的javascript代码和CSS对齐都经过IE6特别好的测试。

答案 1 :(得分:2)

您需要考虑您的应用程序和用户群。例如,历史上,IE安装在许多家用计算机上。大多数普通互联网用户永远不会去安装另一个浏览器,因为他们并不真正关心。

然而,有很多人关心。那些人倾向于安装新的浏览器(或两个或三个)。他们往往更加注重技术,他们的期望也大不相同。

查看浏览器市场份额可能会产生误导。如果您将网站定位为普通互联网用户,那么您可能可以测试前2或3个浏览器。如果您可能吸引更多技术受众,那么您可以期待更广泛的浏览器。

使用的最佳统计数据是您自己的。查看您的日志并通过一些工具运行它们,这些工具将为您提供访问您网站的浏览器的细分。

一些有趣的链接:

  

示例:我们在Squidoo跟踪的访问者中有25%使用Firefox,这并不奇怪。但实际在网站上构建页面的人中有50%是Firefox用户。两倍多。   http://sethgodin.typepad.com/seths_blog/2008/04/why-downloading.html

http://www.w3schools.com/browsers/browsers_stats.asp

答案 2 :(得分:2)

测试是一个非常广泛的领域。在网络上,由于许多实施,它甚至更广泛。

但是让我给我2美分。去了解渐进增强。记住这一点。

但请记住,没有浏览器符合100%标准。 Firefox,Opera,Chrome,Safari,IE ...没有100%标准兼容。对于脚本,这在兼容性方面会变得更糟。

我强烈建议您在制作网站时按照以下步骤操作:

  • 从头开始,使用纯HTML,CSS和内容。做你的模型。一切标准,并在一个漂亮的浏览器上开发(我使用Firefox + firebug)。让它变得易于使用!

  • 完成此原始版本后,请在主流浏览器上试用。 IE 7,IE 8,Chrome / Safari,Opera。让您的观众指导您的测试偏见。如果您撰写有关Firefox的文章,可以预见70%以上的受众会使用它。如果你创建一个简单的用户电子商务网站,那么你应该更担心IE7和IE6。对IE修补程序使用条件注释,为其他浏览器使用特定于供应商的扩展。

  • 请注意,上面的步骤如果用于调试HTML + CSS的东西,JS还没有。并且,您的网站不应该在每个浏览器中,在每个屏幕上显示相同的内容。这是不可能的。很棒的22英寸屏幕,不适合iPhone,在42英寸液晶电视上会变得荒谬。流体/弹性布局不是解决方案。如果您有兴趣,请阅读媒体查询,但我甚至建议为不同的媒体提供不同的页面和表格。使其功能化。

  • 然后来编写脚本。 Jquery是一个很棒的框架,但我不使用它。他们说并不是所有的跨浏览器。它使用浏览器检测。我建议使用特征检测。谷歌为它“javascript功能检测”。另外,如果你做了上面的步骤,实现javascript会更容易和轻松。

  • 根据您的目标受众重新测试所有内容。

答案 3 :(得分:1)

不幸的是,我发现确保跨浏览器兼容性的最佳方法是实际测试所有浏览器中的每个功能。它很麻烦,但它是我们生活的世界。

使用像JQuery这样的跨浏览器库肯定有帮助。

答案 4 :(得分:1)

我发现IE7对于中等复杂的网站来说是一个有用的LCD。我没有资源进行详尽的浏览器测试。这就是我开始注意到很容易做出在IE7上工作的东西

答案 5 :(得分:0)

对于非商业网站,至少是我曾经使用过的网站,通常会有一个法令,例如“这需要在FF上工作”或“不支持IE”。您可能想与您的雇主核实。