2018年网站改版是否需兼容Internet Explorer 5.5？求技术建议

首先得说，2018年还要考虑IE5.5兼容，确实是个挺反常规的需求——毕竟这浏览器是2000年的产物，距离现在快18年了，早就被微软抛弃，连安全补丁都停了N年。不过既然你有这个需求，咱们一步步理清楚：

第一步：先搞清楚「为什么要兼容IE5.5」 #

这是最关键的前提：

• 是有真实的用户反馈说用IE5.5访问网站有问题？还是某个客户/领导硬性要求？
• 先查一下你的网站 analytics 数据，看看IE5.5的访问量占比到底有多少。如果占比不到0.1%，而且都是爬虫或者误统计，那完全没必要浪费精力；如果是付费大客户或者特定行业（比如某些还在运行Win98/2000的工业系统）的用户，那再考虑后续的方案。

第二步：评估兼容的成本和风险 #

IE5.5和现代浏览器的差距大到几乎是两个时代的产物，兼容它意味着：

• CSS层面：放弃所有CSS3特性（圆角、阴影、弹性盒、网格布局全没用），只能用CSS2甚至更早的语法，布局大概率要回到「table布局」（IE5.5对浮动、盒模型的支持有严重bug），连PNG透明都得用滤镜hack（filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(...)）。
• JS层面：完全不能用ES5+的任何特性（let/const、箭头函数、数组方法比如forEach都不行），甚至DOM操作都得用老方法（比如document.all代替getElementById，因为IE5.5对后者的支持有问题），AJAX只能靠ActiveXObject("Microsoft.XMLHTTP")，而且很多现代JS库（jQuery、React等）都早就放弃了IE5.5的支持，你得自己写所有逻辑。
• 测试成本：现在几乎找不到原生运行IE5.5的设备，得折腾Windows 98/2000的虚拟机，而且IE的兼容模式（比如IE11的文档模式）根本模拟不了IE5.5的真实行为。
• 维护成本：以后每次更新功能，都得同时维护两套代码（现代版和IE5.5兼容版），长期来看是个巨大的负担。

第三步：优先考虑替代方案 #

如果不是非兼容不可，优先试试这些方案：

• 提供降级版页面：给IE5.5用户跳转一个极简的静态页面，只保留核心功能（比如产品介绍、联系方式），不需要复杂交互和样式，保证能正常浏览就行，不用和现代版页面保持一致。
• 引导用户升级：在网站入口加一个醒目的提示，告诉用户他们的浏览器已经过时，存在严重安全隐患，建议升级到现代浏览器（比如Chrome、Firefox，甚至IE11——虽然IE11也过时，但比IE5.5强太多）。如果用户是因为系统太老不能升级，可以建议他们用轻量浏览器（比如Opera的旧版本）。
• 沟通需求合理性：如果是客户或领导提出的要求，把上面的成本和风险列出来，说明兼容IE5.5会占用大量开发资源，影响其他更重要的功能迭代，看看能不能协商放弃这个需求，或者找到其他替代方式（比如给这些用户提供专门的桌面端应用）。

第四步：如果必须兼容的技术妥协 #

万不得已要兼容，那只能做这些妥协：

• 用最基础的HTML4语法，避免HTML5标签（<header>、<nav>这些都不能用，只能用<div>、<table>）。
• CSS全部写inline或者放在<style>标签里，避免外部CSS文件的加载问题，所有布局用table实现，避免浮动和定位的坑。
• JS代码只写最原始的语法，所有函数用function声明，变量只用var，DOM操作优先用document.all，AJAX请求要做ActiveX的兼容性判断。
• 图片只用GIF或JPG，避免PNG透明；如果必须用PNG，要加IE5.5专属的滤镜样式。

总的来说，2018年兼容IE5.5是个性价比极低的选择，除非有绝对不可替代的用户群体，否则不建议投入太多资源。

内容的提问来源于stack exchange，提问作者ITChristian