对浏览器兼容性的一点看法

Posted 2021-04-30 闲谈CSS那些事儿

写在前面

关于浏览器兼容性的问题，在我的印象中已经是被大家说烂的事情了，从当初的 IE6 到 Chrome，到现在的各个版本的 android 和 ios，或多或少都有一些支持或者不支持的情况存在，具体的哪些支持哪些不支持，大家可以上 http://caniuse.com/ 这个网站上看。

正文开始

当我们谈到浏览器的兼容性时，首先会想到的就是 IE6 这个让大家所恨所讨厌的浏览器。其实就我个人而言，对于 IE6 我并不是那么讨厌，虽然在兼容性上经常看到很多 BUG，或者是表现比较独特的情况。但这又如何，IE6 存在难道不是一个时代的表现？

随着技术的发展，IE6 在不断老去，自身无法跟上技术发展，犹如之前的 Nokia 是那么受人喜欢。记得曾经使用那款 Nokia1110 的时候，还专门在电脑里画像素画来做屏保什么的。而现在呢，跟不上时代潮流了，但这个就跟以前的红白机中的像素游戏一样，是曾经的经典。

来源：http://www.mobile88.com/cellphone/nokia/nokia-1110i/photos.asp

来源：http://www.cghlj.com/yejie/578.html

话说回来，谈浏览器的兼容性，首先还是要了解知道一点，CSS 这玩意从最初开始并不是为了那些所谓炫酷的效果而诞生的（就我所理解），TA 应该是为了能够让最原始的 HTML 页面以更好的排版形式展现在用户的眼前，增强用户对信息的可读性和美观性。就好比我们在使用 Word 排版的时候，势必会去增加一些文本颜色、段落排版，还有一些图文混排以及艺术字之类的东西。

提到了 Word，这里还需要提一下 OS X 中的 Pages，同样都是用于排版的，可是多少还是有一些不同，那么我们是否需要去考虑所谓的兼容性问题呢。

还是回到浏览器兼容性的话题上。前面提到的这些东西，其实我想说，当我们在写页面的时候，要先弄清楚自己的用户群体是怎么样的，没必要盲目地在网页中耍炫酷，对于用户而言，他们或许仅仅只是需要在这个网站中找到自己想要的信息而已。而我们作为开发者，如果可以的话，或许可以考虑怎么让用户最便捷的找到自己需要的内容，然后根据个别浏览器的特性稍作用户体验上的提升。这或许应该就是大家平时所说的“渐进增强”、“优雅降级”吧。

这里所提到的基本上都是 IE6/7/8 的，而对于兼容性问题，其实还有很多。在 Chrome 里其实也是有不少的，只不过 Chrome 更新的比较快，有一些朋友应该还是设置了自动更新，可能当你发现了某些兼容性问题的时候，很快就已经被修复了，甚至可能你还没发现就已经被修复了，而可怜的 IE 浏览器只能默默接受大家的咒骂。据说现在 IE11 已经有很大的改进了，但我没更新，也好久没去关注 IE 了，实在不是很了解。

废话多了一点，简单说一个曾经自己接触的项目吧。

在两三年前，我接到一个做国际站的需求，当时我做的第一件事就是先了解一下这个网站的用户主要是哪些。结果是，国外用户，微乎其微的 IE6，量少的 IE7/8，基本上都是 Firefox、Chrome 以及 Safari 居多。看到那个数据，我的心是飞起的感觉啊……

第二件事就是找一系列数据以及做了一些 demo，放在不同浏览器中做对比，告诉项目组中，我们可以适当的抛弃一些效果，让那些少量的用户找到信息，而让一些“高端”用户可以感受到网站中的不同。记得当时用了一些新的选择符、一些动画过渡效果之类的，无论是产品还是开发都觉得爽。开发看到简单清晰的结构，爽；产品看到新颖的效果，爽。

虽然在视觉效果上“抛弃”了少量的用户，但是我们还是保证了他们能够正常使用。后来据说，这个国际站的需求完全抛弃了 IE6 用户……

写在最后

写完回头一看，发觉其实我自己这次真的没在说什么，只是发发牢骚的感觉。对于浏览器的兼容性我真没什么怨念，技术毕竟是为产品服务的，选择合适的技术用在产品上，让产品得到最大的提升，或许才是比较关键的一点。

闲扯CSS的那些事儿，没啥事儿就谈谈CSS

不深入，只扯淡

扯点自己想说的，或许也是你想听的，没有高深的东西，但应该不是平庸的……