Testing 网站测试策略
我已经断断续续地用谷歌搜索了几天了。生成非商业网站时,跨浏览器测试的最佳策略是什么?我使用Windows7和Textpad来开发我的HTML/CSS/JavaScript/PHP——也就是说:没有dreamweaver、kompozer等 我目前使用Firefox3.6和IE8进行测试。上次我检查时,这占了浏览器市场的80%。我没有安装Safari,也没有安装Google Chrome,但我想知道我的网站()在浏览器市场中的“表现”大致有多少,特别是我使用了大量计时器、屏幕测量等 我不追求完美,但想知道我有多接近100% 提前谢谢Testing 网站测试策略,testing,cross-browser,Testing,Cross Browser,我已经断断续续地用谷歌搜索了几天了。生成非商业网站时,跨浏览器测试的最佳策略是什么?我使用Windows7和Textpad来开发我的HTML/CSS/JavaScript/PHP——也就是说:没有dreamweaver、kompozer等 我目前使用Firefox3.6和IE8进行测试。上次我检查时,这占了浏览器市场的80%。我没有安装Safari,也没有安装Google Chrome,但我想知道我的网站()在浏览器市场中的“表现”大致有多少,特别是我使用了大量计时器、屏幕测量等 我不追求完美,
Simon Catlin不幸的是,我发现确保跨浏览器兼容性的最佳方法是实际测试所有浏览器中的每个功能。它虽然笨重,但却是我们生活的世界
使用像JQuery这样的跨浏览器库肯定会有帮助。我可以建议大家特别注意IE6的古怪之处吗?过去几年来,对于web开发人员来说,这是一件非常痛苦的事情,所以请确保任何特殊的javascript代码和CSS对齐都经过IE6的测试。对于非商业网站,至少在我工作过的那些项目中,通常会有类似“这需要在FF上工作”或“IE不受支持”这样的法令。你可能想问问你的雇主。我发现IE7对于中等复杂的网站来说是一种有用的LCD。我没有资源做详尽的浏览器测试。这是因为我开始注意到,制作IE7上不可用的东西很容易,您需要考虑您的应用程序和用户群。例如,从历史上看,IE被安装在许多家用电脑上。大多数普通互联网用户永远不会去安装另一个浏览器,因为他们根本不在乎 然而,有很多人确实关心这个问题。这类人倾向于安装一个新浏览器(或两个或三个)。他们往往更精通技术,他们的期望也大不相同 查看浏览器市场份额可能会产生误导。如果你把你的网站定位于普通的互联网用户,那么你可以测试前2或前3个浏览器。如果你想吸引更多的技术观众,那么你可以期待更广泛的浏览器 最好的统计数据是你自己的。查看您的日志,并通过一些工具运行它们,这些工具将为您提供访问站点的浏览器的分类 为您提供一些有趣的链接: 示例:我们在Squidoo跟踪的访客中有25%使用Firefox,这并不奇怪。但实际上在该网站上构建页面的人中有50%是Firefox用户。是原来的两倍。
测试是一个非常广泛的领域。在web上,由于许多实现,它甚至更加广泛 但是让我给我的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是一个很棒的框架,但我不使用它。他们说的并不仅仅是跨浏览器。它使用浏览器检测。我建议使用特征检测。googleforit“javascript特性检测”。另外,如果您正确地执行了上述步骤,那么实现javascript将更加容易和轻松
- 根据您的目标受众重新测试所有内容