做前端这行，谁没被IE坑过？今天咱就聊聊网站开发的ie兼容做到9这个老生常谈却又让人头秃的话题。看完这篇，你不用再对着控制台报错怀疑人生，直接上干货。

记得前年接了个政府类的官网项目，甲方爸爸拍着胸脯说：“我们单位电脑配置都新，不用管那些老古董。”我信了，结果上线第一天，财务大姐拿着笔记本跑来找我，说页面全是乱的，按钮点不动。打开一看，好家伙，全是IE9。那一刻，我真想顺着网线过去掐死那个拍胸脯的领导。这不仅是技术问题，更是人性问题。

很多人一听到要兼容IE9，第一反应就是“太落后了，早该淘汰了”。但现实是，在中国，尤其是政企、金融、医疗这些行业，IE9依然活跃得很。你不能用你的审美去挑战用户的习惯。所以，网站开发的ie兼容做到9，不是选不选的问题，而是能不能交付的问题。

先说心态。别带着情绪写代码，越烦躁bug越多。我现在的策略是：接受现实，然后精准打击。IE9虽然老，但它不是智障。它支持HTML5的部分标签，支持CSS3的部分属性，只是不支持最新的Flexbox布局，也不支持ES6语法。

具体怎么干？我总结了三招，亲测有效。

第一，Polyfill不能少。这是救命稻草。Babel负责把ES6转成ES5，这是基础中的基础。然后，针对IE9不支持的API，比如Promise、fetch，必须引入polyfill。别嫌包大，用户流量又不按KB收钱。我有个朋友为了省那几十KB，结果页面加载白屏，被老板骂得狗血淋头，得不偿失。

第二，CSS布局要老实。IE9不支持Flexbox，这是硬伤。别想着用hack去强行兼容，维护起来能让你疯掉。老老实实用float布局，或者用table布局。虽然写起来麻烦点，但稳定啊！对于复杂的网格布局，我一般会写两套CSS，一套给现代浏览器，一套给IE9。虽然丑了点，但能看，能交互，这就够了。记住，IE9下，能跑通就是胜利，别追求像素级完美。

第三，JavaScript要精简。IE9的JS引擎很慢，复杂的动画、大量的DOM操作，会让页面卡成PPT。我遇到过最离谱的一个bug，是一个简单的轮播图，在Chrome上丝滑无比，在IE9上直接假死。排查半天，发现是用了CSS3的transition，IE9不支持，导致JS循环卡死。解决办法？砍掉动画，或者用简单的JS实现淡入淡出。

还有个小细节，IE9对HTTP请求数量有限制，一般是6个。如果你的页面图片多，资源多，一定要合并CSS和JS，图片用雪碧图。别嫌麻烦，这是提升IE9体验最直接的手段。

我见过太多同行，为了所谓的“代码整洁”，在IE9上搞各种花里胡哨的效果，结果上线就崩。这种虚荣心，害人不浅。我们要做的，是解决问题，不是炫技。

最后，测试环节别偷懒。不要只在本地测，一定要找台真正的IE9机器，或者用VMware装个Win7系统。模拟真实环境，你才会发现那些隐藏的深度bug。比如，IE9下，某些特殊字符在input框里会乱码，这种坑，不测永远不知道。

总之，网站开发的ie兼容做到9，是一场持久战。它考验的不是你的技术有多牛，而是你的耐心和细心。别抱怨，别逃避，把它当成一个挑战。当你成功让那个古老的浏览器乖乖听话时，那种成就感，真的比在Chrome上跑通代码爽多了。

别等甲方提需求了才抓瞎，现在就开始准备吧。毕竟，生活不止眼前的Chrome，还有远方的IE9。