首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >网站测试策略

网站测试策略
EN

Stack Overflow用户
提问于 2010-10-07 04:40:21
回答 6查看 233关注 0票数 3

我断断续续地在谷歌上搜索这个已经有几天了。在生成非商业Web站点时,当涉及到跨浏览器测试时,最佳策略是什么?我使用Windows7和Textpad来开发我的HTML/CSS/JavaScript/PHP -例如:没有dreamweaver、kompozer等。

我目前使用Firefox3.6和IE8进行测试。据我所知,这占到了浏览器市场的80%。我没有安装Safari,也没有安装Google Chrome,但我想大致知道我的网站(http://www.simoncatlin.co.uk)在浏览器市场会有多大的“表现”,特别是我使用了很多计时器、屏幕测量等。

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

提前感谢

西蒙·卡特林

EN

回答 6

Stack Overflow用户

回答已采纳

发布于 2010-10-07 18:44:55

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

然而,确实有很多人关心这个问题。这类人倾向于安装一个新的浏览器(或者两三个)。他们往往更加精通技术,他们的期望也有很大不同。

查看浏览器的市场份额可能会产生误导。如果你的网站目标是普通的互联网用户,那么你可能可以测试排名前2到3的浏览器。如果你可能会吸引更多的技术观众,那么你可以期待更广泛的浏览器。

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

给你一些有趣的链接:

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

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

票数 2
EN

Stack Overflow用户

发布于 2010-10-07 04:43:51

我建议特别注意IE6的怪癖,在过去的几年里,这对web开发人员来说是很痛苦的,所以要确保任何特殊的javascript代码和CSS对齐都能用IE6进行特别好的测试。

票数 2
EN

Stack Overflow用户

发布于 2010-10-08 04:07:43

测试是一个非常广泛的领域。在web上,由于有许多实现,它甚至更加广泛。

但让我说出我的2分钱。去读一读渐进式增强。请记住这一点。

但也要记住,没有一个浏览器是100%符合标准的。Firefox,Opera,Chrome,Safari,IE...没有一个是100%兼容标准的。对于脚本来说,兼容性会变得更糟。

我强烈建议在创建网站时遵循以下步骤:

  • 从头开始,包含纯HTML、CSS和内容。制作你的模型。一切都是标准的,并且是在一个很好的浏览器上开发的(我用的是Firefox + firebug)。MAKE IT ACCESSIBLE!
  • once如果你完成了这个原始版本,可以在主流浏览器上试用。IE 7、IE 8、Chrome/Safari、Opera。让你的观众引导你的测试偏向。如果你写关于火狐的文章,你的观众中的70+%会使用它是可以预见的。如果您创建了一个简单的用户电子商务站点,那么您应该更多地关注IE7和IE6。使用IE修复的条件注释,其他浏览器的特定于供应商的扩展。
  • 注意到,如果上面的步骤是为了调试HTML + CSS的东西,还没有关于JS的内容。请注意,您的网站不应该在每个浏览器、每个屏幕上都显示相同的内容。这是不可能的。在22英寸的屏幕上看起来很棒,不适合iPhone,在42英寸的液晶电视上会变得可笑。流体/弹性布局不是解决方案。如果你感兴趣,请阅读有关媒体查询的内容,但我甚至建议为不同的媒体提供不同的页面和工作表。让IT FUNCTIONAL.
  • Then来编写脚本。Jquery是一个很棒的框架,但我并不使用它。他们说,这并不完全是跨浏览器的。它使用浏览器检测。我建议使用特征检测。谷歌搜索"javascript功能检测“。此外,如果您正确地执行了上述步骤,实现javascript将更加容易和轻便。
  • 根据您的目标受众重新测试所有内容。
票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/3876679

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档