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

雁过留声,人过留名

您的电子邮箱地址不会被公开。 必填项已用 * 标注

特别提示:与当前文章主题无关的讨论相关但需要较多讨论求助信息请发布到水景一页讨论区的相应版块,谢谢您的理解与合作!请参考本站互助指南
您可以在评论中使用如下的 HTML 标记来辅助表达: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>