做网站这些年,我见过太多老板或者刚入行的朋友,一上来就盯着最新款的Safari或者Chrome最新版看,觉得这样才显得高大上。其实吧,真不是这么回事。咱们做建站这行,最头疼的不是怎么把页面做得花里胡哨,而是怎么让它在各种破旧的、奇怪的、甚至你没听过的浏览器里也能正常显示。这就引出了那个老生常谈却又无比实际的问题:制作网页时一般需要兼容下列选项中的哪些浏览器?

首先得说,IE浏览器,也就是Internet Explorer。我知道,微软自己都宣布要退休了,很多年轻的设计师一听IE就头大,觉得那是上个世纪的东西。但现实很骨感,特别是在国内,很多政府网站、银行系统、还有那些传统企业的内部OA系统,依然跑在IE8甚至IE6上。你要是敢说不兼容,客户能把你的电话打爆。所以,虽然咱们心里骂骂咧咧,但表面上还得给IE留条活路,至少得保证核心功能不崩盘。这也就是为什么很多老项目里还藏着那些奇怪的hack代码,专门为了伺候这些老古董。

再来说说Chrome和Firefox。这两个算是现代浏览器的双雄了。Chrome占了大半壁江山,尤其是开发者的最爱,因为它的调试工具好用。Firefox虽然份额没那么大,但它的用户群体很稳定,而且对标准的支持一直挺硬气。对于制作网页时一般需要兼容下列选项中的哪些浏览器这个问题,这两个肯定是必须优先保证的。毕竟,如果你的网站在Chrome上连按钮都点不动,那基本就可以宣告失败了。

接下来是Edge。自从微软换了内核,用Chromium重写了Edge之后,它其实已经和Chrome差不多了。但是,有些老用户还是习惯用旧版Edge,或者因为某些企业策略强制使用特定版本,所以也不能完全忽视。不过,相比IE,Edge的兼容压力小多了,只要搞定Chrome,Edge基本也就跟着稳了。

还有一个容易被忽略的,就是移动端浏览器。很多人觉得手机就是Safari和Chrome,其实不然。在国内,微信内置浏览器是个大坑。它的内核经常变,有时候是X5,有时候又是WebView,各种奇葩的CSS表现让人抓狂。比如,你在电脑上看好好的Flex布局,到了微信里可能就错位了。所以,做响应式或者移动优先的项目时,一定要在真机上测试微信内置浏览器。

至于Safari,它是苹果生态的御用浏览器。虽然份额不如Chrome,但在高端用户群体中占比很高。Safari对某些CSS属性的支持比较滞后,比如Grid布局,有时候你用了最新语法,它却不认。这时候就得加前缀,或者用Polyfill。这也是为什么制作网页时一般需要兼容下列选项中的哪些浏览器,Safari绝对榜上有名。

最后,我想说,兼容不是目的,体验才是。我们不可能也没必要去兼容所有浏览器,那是不切实际的幻想。我们的目标是覆盖80%-90%的主流用户。根据StatCounter等机构的数据,Chrome、Safari、Edge、Firefox和微信内置浏览器基本覆盖了绝大多数场景。至于那些冷门浏览器,爱用不用吧。

总之,做网站就像谈恋爱,不能只盯着自己喜欢的人,还得看看对方身边的人都在干嘛。了解主流浏览器的特性,针对性地做兼容处理,才是正道。别总想着用新技术炫技,稳定、快速、能打开,才是硬道理。希望这篇文章能帮你理清思路,别再为兼容问题掉头发啦。毕竟,头发比代码重要多了,哈哈。