利用 IE 的开发人员工具解决网站不兼容问题

微软的 IE(Internet Explorer)浏览器所带来的问题影响深远。现在仍有很多网站只能用 Windows XP 时代的 IE6 来访问,在新的浏览器上,即便是微软自家的新版本的 IE 浏览器上甚至都根本无法使用。好在新版 IE 内置的“F12 开发人员工具”提供了变通的解决之道。

那些到现在还只能在 IE6 上访问/使用的网站多是政府性质的,比如前不久河南省公务员考试网上报名系统、河南省直公积金网站等。因为它们所提供资源的垄断性质,不怕人们不去迁就它们,所以没有更新、升级的动力。要么你就继续使用 Windows XP 吧,这个微软曾经的宠儿,现在连微软都嫌弃它了,我们却还有很多人再用。有人是不知道换,有人是不敢换。你还在用 IE6 吗

我是很早就开始用 Windows 7 了,浏览器也是一路升级到了现在的 IE10。这些年因为程序和网站的兼容性问题也真是伤透了脑筋,当然也积累了一些经验。对于只能在 XP 上运行的软件,我创建了虚拟机来使用;对于那些只能在 IE6 中使用的网站,则是通过 IE 的“F12 开发人员工具”来解决。

下面以河南省直公积金网站(河南省省直机关住房资金管理中心)为例,介绍使用“F12 开发人员工具”来解决网站兼容性问题。

河南省直住房公积金管理中心网站在新版IE浏览器中的显示效果

河南省直住房公积金管理中心网站在新版IE浏览器中的显示效果

使用微软新版的 IE(Internet Explorer)浏览器(这里是 IE10)打开河南省直公积金网站看到的就是如上图的效果。实际问题比看到的这种混乱的页面更严重,因为那些蓝色的超链接文字很多都是链接错误的,点击后根本打不开正确的页面。当然,也有更悲惨的,你可能连上图这个混乱的页面都看不到,而只是看到一篇空白,页面总也显示不出来。

在 IE10 开发人员工具中更改文档模式后的效果

在 IE10 开发人员工具中更改文档模式后的效果

此时,按一下键盘上的 F12 键就能打开“开发人员工具”,如上图所示(如果看不清,可点击图片打开大图),在网页底部分出来一部分窗口。在红框所示位置有两个可调节的属性:“浏览器模式”和“文档模式”,配合更改即可对付大部分不兼容的网页。

对于这个例子中的网站,只需要将“文档模式”更改为“Internet Explorer 5 Quirks”模式即可。可以看出来,这个网站是针对 IE5 设计的,只是对 IE6 来说也是可以兼容的。

有些时候,如果仅仅更改文档模式不能解决问题,还可以配合更改前面的“浏览器模式”来试试看。

如果我没记错的话,IE7、IE8、IE9 都是有开发人员工具的,使用方法也都相似。某些时候碰到一些老旧的网页,如果在现有的浏览器中无法正常浏览,或者是执行打印以及其它如填表和查询任务时遇到困难,就可以通过这种方法来解决问题。©

本文发表于水景一页。永久链接:<http://cnzhx.net/blog/ie-compatibility-developer-tools/>。转载请保留此信息及相应链接。

6 条关于 “利用 IE 的开发人员工具解决网站不兼容问题” 的评论

  1. 哈~我一直想找这个东西,之前有个群里有这个截图,但是就是不知道是哪里弄出来的

    • 有人需要就好啊……文章里调出这个工具的说明可能不太显眼,容易看到不?

    • 说实话,几年过去了,我也是今天才发现这个站居然是可以打开的,只是兼容性太差太差了。

  2. 以前我也特不理解,现在跟“他们”打交道久了我也就理解了,不是不愿意更新,而是懒得更新。因为正版的成本太高,XP也许都是被明令正版化后才买的正版,反正都能用,没动力也犯不着更新嘛。

时间过去太久,评论已关闭。
如果您有话要说,请到讨论区留言并给出此文章链接。
谢谢您的理解 :-)