网站测试策略答案

【问题标题】：Web Site testing stategies网站测试策略
【发布时间】：2010-10-06 20:40:20
【问题描述】：

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

我目前使用 Firefox 3.6 和 IE8 进行测试。我上次检查时，这代表了浏览器市场的 80%。我没有安装 Safari，也没有安装 Google Chrome，但想大致了解浏览器市场有多少会与我的网站（http://www.simoncatlin.co.uk）“表现”，尤其是因为我使用了很多计时器、屏幕测量等。

我并不追求完美，但想知道我能接近 100%。

提前致谢

西蒙·卡特林

【问题讨论】：

非商业网站，您是否表示这些将无法从网络上查看，而将是公司内部网站？
嗨卡拉丹。我试图推断该网站可能不那么健壮，即：我不必 100% 确信它可以在所有“主要”浏览器上运行。谢谢。

标签： testing cross-browser

【解决方案1】：

您需要考虑您的应用程序和您的用户群。例如，历史上，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

【讨论】：

人口统计非常重要。我最近在一个偏向中年女性的网站上工作。虽然一般人群显示出大约 30% 的 Internet Explorer 使用率，但在我的研究中，我所有的网站都显示这一特定女性人群的总 IE 使用率约为 40%。

【解决方案2】：

我建议特别注意 IE6 的古怪之处，在过去的几年里，Web 开发人员一直很痛苦，所以请确保任何特殊的 javascript 代码和 CSS 对齐方式都经过 IE6 的测试。

【讨论】：

我已经注销了 IE6，假设大多数人会使用 7 或 8。这是一个糟糕的假设吗？
事实上，根据我最近阅读的一份研究报告，IE6 仍然非常重要。如果我记得很清楚，估计有接近 60% 的网络用户使用 IE6。这主要归因于非超级用户组和/或大公司中的用户，他们由 IT 部门决定他们的浏览器。
我自己为 web 开发过，我知道如果无法修复 IE6 问题，将会对您的产品产生重大影响。

【解决方案3】：

测试是一个非常广泛的领域。在网络上，由于很多实现，它更加广泛。

但是让我给我的 2 美分。去阅读渐进增强。请记住这一点。

但请记住，没有浏览器是 100% 符合标准的。 Firefox、Opera、Chrome、Safari、IE……没有一个是 100% 兼容标准的。对于脚本而言，兼容性会变得更糟。

我强烈建议在制作网站时遵循以下步骤：

从头开始，使用纯 HTML、CSS 和内容。制作你的模型。一切都是标准的，并且是在一个不错的浏览器上开发的（我确实使用 Firefox + firebug）。让它触手可及！
完成此原始版本后，请在主流浏览器上试用。 IE 7、IE 8、Chrome/Safari、Opera。让您的听众指导您的测试偏差。如果您撰写有关 Firefox 的文章，可以预见 70% 以上的读者会使用它。如果你做一个简单的用户电子商务网站，那么你应该更担心 IE7 和 IE6。将条件 cmets 用于 IE 修复、针对其他浏览器的供应商特定扩展。
请注意，如果上面的步骤是为了调试 HTML + CSS 的东西，那么还没有关于 JS 的内容。请注意，您的网站不应在每个浏览器、每个屏幕上都显示相同的内容。这是不可能的。一个 22 英寸的屏幕看起来很棒，不适合 iPhone，在 42 英寸的液晶电视上会变得很荒谬。流体/弹性布局不是解决方案。如果您有兴趣，请阅读媒体查询，但我什至建议为不同的媒体提供不同的页面和表格。让它发挥作用。
然后是脚本。 Jquery 是一个很棒的框架，但我不使用它。他们所说的并不是所有的跨浏览器。它使用浏览器检测。我建议使用特征检测。谷歌为它“javascript 功能检测”。另外，如果上述步骤正确，实现 javascript 会更加轻松轻松。
根据您的目标受众重新测试所有内容。

【讨论】：

【解决方案4】：

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

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

【讨论】：

如果您必须多次测试您的应用程序，您是否考虑过使用 selenium 之类的东西？它应该允许您编写可以在多个浏览器上运行的测试。

【解决方案5】：

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

【讨论】：

【解决方案6】：

对于非商业网站，至少是我工作过的网站，通常会有类似“这需要在 FF 上工作”或“不支持 IE”这样的命令。您可能需要咨询您的雇主。

【讨论】：

感谢 hvgotcodes。这是一个“个人”网站，可以这么说，即：它与我的 IT 工作无关。