我一直在谷歌搜索这个,现在几天 . 在生成非商业网站时,跨浏览器测试的最佳策略是什么?我使用Windows 7和Textpad来开发我的HTML / CSS / JavaScript / PHP - 即:没有Dreamweaver,kompozer等 .
我目前正在使用Firefox 3.6和IE8进行测试 . 我最后一次检查,这占了浏览器市场的80% . 我不喜欢我的网站(http://www.simoncatlin.co.uk),特别是因为我使用了很多计时器,屏幕测量等等 .
我不是追求完美,但想知道我有多接近100% .
提前致谢
西蒙卡特林
6 回答
您需要考虑您的应用程序和用户群 . 例如,历史上,IE安装在许多家用计算机上 . 大多数普通互联网用户永远不会去安装另一个浏览器,因为他们并不真正关心 .
然而,有很多人关心 . 那些人倾向于安装新的浏览器(或两个或三个) . 他们往往更加注重技术,他们的期望也大不相同 .
浏览浏览器市场份额可能会产生误导 . 如果您将网站定位为普通互联网用户,那么您可能可以测试前2或3个浏览器 . 如果您可能吸引更多技术受众,那么您可以期待更广泛的浏览器 .
使用的最佳统计数据是您自己的 . 查看您的日志并通过一些工具运行它们,这些工具将为您提供访问您网站的浏览器的细分 .
一些有趣的链接:
http://www.w3schools.com/browsers/browsers_stats.asp
我可以建议特别注意IE6的怪癖,这对于过去几年的网络开发人员来说是一个很大的痛苦,所以确保任何特殊的JavaScript代码和CSS对齐都特别适合IE6测试 .
测试是一个非常广泛的领域 . 在网络上,由于许多实施,它甚至更广泛 .
但是,让我给我2美分 . 去了解渐进增强 . 记住这一点 .
但请记住,没有浏览器符合100%标准 . Firefox,Opera,Chrome,Safari,IE ...没有100%标准兼容 . 对于脚本,这在兼容性方面会变得更糟 .
我强烈建议您在制作网站时遵循以下步骤:
从头开始,使用纯HTML,CSS和内容 . 做你的模型 . 一切标准,并在一个漂亮的浏览器上开发(我使用Firefox firebug) . 让它变得易于访问!
完成此原始版本后,请在主流浏览器上试用 . IE 7,IE 8,Chrome / Safari,Opera . 让您的 Spectator 指导您的测试偏见 . 如果您撰写有关Firefox的文章,可以预见70%的受众会使用它 . 如果你创建一个简单的用户电子商务网站,那么你应该更加担心IE7和IE6 . 对IE修补程序使用条件注释,为其他浏览器使用特定于供应商的扩展 .
请注意,上面这个步骤如果用于调试HTML CSS的东西,JS还没什么关系 . 并且,您的网站不应该在每个浏览器中,在每个屏幕上显示相同的内容 . 这是不可能的 . 很棒的22英寸屏幕,不适合iPhone,在42英寸液晶电视上会变得荒谬 . 流体/弹性布局不是解决方案 . 如果您有兴趣,请阅读媒体查询,但我甚至建议为不同的媒体提供不同的页面和表格 . 做功能 .
然后来编写脚本 . Jquery是一个很棒的框架,但我不使用它 . 他们说并不是所有的跨浏览器 . 它使用浏览器检测 . 我建议使用特征检测 . 谷歌为它“javascript功能检测” . 另外,如果您正确地执行了上述步骤,那么实现javascript会更容易和轻松 .
根据您的目标受众重新测试所有内容 .
不幸的是,我发现确保跨浏览器兼容性的最佳方法是实际测试所有浏览器中的每个功能 . 它很麻烦,但它是我们生活的世界 .
使用像JQuery这样的跨浏览器库肯定有帮助 .
我有资源进行详尽的浏览器测试 . 这就是我开始注意到在IE7上制作不起作用的东西很容易
对于非商业网站,至少我已经参与过的网站,通常有一个像'这需要在FF上工作'或'IE不支持'的法令 . 您可能想与您的雇主核实 .