不少单位的老电脑还在跑Windows XP + IE8,一打开新网站就白屏、错位、按钮点不动——不是网站坏了,是IE8真跟不上时代了。别急着换系统,这几个轻量级兼容方案,不用重装、不花一分钱,办公室老机器立马能用。
先确认是不是真需要兼容IE8
打开IE8,按F12调出开发者工具,看右上角显示的文档模式。如果写着“IE8标准”或“IE7标准”,但页面乱成一团,说明网站没做兼容适配。这时候不是浏览器的问题,是网站缺了关键几行代码。
前端加个meta头,立竿见影
如果你自己管网站(比如公司内部系统),在网页 <head> 里加这一行:
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" />这句的意思是:“IE8,别自己猜了,就按IE8标准来渲染”。很多CSS3圆角、透明度、display: inline-block 就能正常显示了。注意:必须放在所有CSS和JS引用之前,否则无效。
HTML5标签也能用上
IE8不认识 <header>、<nav> 这些新标签,直接当普通文字处理。加个JS补丁就行:
<!-- 放在 <head> 里 -->
<script src="https://cdn.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js"></script>这个叫html5shiv,专治IE8不认识HTML5标签的毛病。加载后,<section> 可以设宽高、加背景,<article> 能写CSS样式,跟现代浏览器一样使。
CSS兼容小技巧,不改结构也能修
遇到浮动塌陷、盒模型错乱?试试这些“土办法”:
- 给父容器加
zoom: 1(触发hasLayout) - 用
*display: inline替代display: inline-block(IE8不支持后者) - 颜色别写
rgba(0,0,0,0.5),改用半透PNG背景图或十六进制色值
另外,jQuery别用3.x,老项目请锁死在1.12.4版本——它最后支持IE6-8,API够用,体积也小。
实在不行,换个壳子用
如果只是临时查资料、填表格,又不想折腾代码,推荐两个绿色免安装工具:
- IE Tab插件(Chrome/Firefox版):在现代浏览器里点一下,当前页就用IE内核打开,兼容性拉满,连银行U盾页面都能过
- QtWeb浏览器:体积不到10MB,自带IE8兼容内核,双击即用,U盘拷走就能在别的XP电脑上跑
老设备不是废铁,关键看怎么搭桥。上面这几招,我们公司在三台XP收银机上试过,连带扫码枪的内网系统,现在还能稳稳跑着。