跨浏览器兼容性HTML5& CSS3

时间:2015-07-27 05:48:37

标签: javascript jquery html5 css3 modernizr

这可能不是一个与编程有关的问题,但我仍然在问这个问题,因为我在这个问题上敲了很多头。

我发现了很多HTML5& CSS3功能对我的网站设计很有用。但像往常一样(像所有开发人员一样)我很困惑是否使用它,因为旧的浏览器不支持它。 (如css过渡,3D变换等)

我知道我可以使用Modernizr

添加回退

(或)

可以提供备用样式表(如果是IE9。)

(或)

可以避免使用css3和html5

(或)

使用普通的javascript / jquery来完成所有效果

(或)

使用html5shiv或类似方法添加特定的html5命令支持。

我的问题是什么......

我非常厌倦作为开发人员为每个不支持的转换/每个元素添加如此多的回退。所以,我想到了一些事情,但却无法选择做什么......

1)我是否应该完全避免使用旧版浏览器且仅支持最新浏览器的用户?

2)由于我无论如何要单独使用JQuery Mobile构建移动网站,我是否应该将移动网站用作旧浏览器用户的后备?

3)我应该继续添加后备和备用样式表吗?

4)或者,还有更好的选择吗?

由于这些不兼容问题,我正在敲打我的脑袋。请给我一个开发人员以及用户友好的建议。谢谢。

2 个答案:

答案 0 :(得分:1)

Sùmmary:这取决于你的观众。你的担忧没有明确的答案。

如果您的目标是倾向于拥有最新技术的人,那么您可以支持2年以上的浏览器。另一方面,如果您的目标是那些喜欢呆在旧操作系统中或者您正在谈论大型公司/政府的人,那么您可能需要提供后备或者只是跳过使用边缘技术以确保合适的用户跨所有目标用户设备和浏览器的体验。

OP在一些评论中说:

  

但我不确定是否必须彻底取消对人的支持   使用旧浏览器,或者提供基于移动设备的浏览器   个人电脑网站

如果您的目标有最新技术,为什么要为PC提供移动网站?您需要决定:如果您认为不应该支持太旧的浏览器和系统,那么当大部分访问者访问“边缘版本”时,您不应该尝试维护2个站点。否则,请使您的主站点与旧版浏览器兼容。

顺便说一下,正如我之前所说的那样,对你的担忧没有明确的答案,因为这都是关于做出决定的,时间会告诉你它是否正确。使用分析,检查站点中最常用的Web浏览器,并在检测到使用旧浏览器的访问者比例较高时提供回退...

答案 1 :(得分:1)

据我所知,您应该使用旧浏览器限制客户,并在免责声明中提及您的webapp将需要对所有HTML5和css3功能提供统一支持的浏览器版本。您可以使用http://caniuse.com/检查对这些元素的支持。这将避免作为开发人员给您带来很多不便,并且不必将样式和jsfiles堆叠到您的webapp使其变得迟钝。即使我面临类似的问题,我知道处理跨浏览器问题是多么令人恼火。欢呼:)