html头部打开页面为兼容模式,Web页面因为兼容模式产生的奇怪问题解答

[导读] 在web开发的过程中，很多时候我们会碰到一些莫名其妙的问题，今天我就碰到了一次，没修改几行代码，页面一片空白，尝试了几次Ctrl+Z无果，后来终于找到了问题的所在，索性做一个系统的解决方案的分析。

一般情况我们的页面很复杂，引用了很多js，有通用控件的，也有自己开发的，遇到这种问题先不要慌，静下心来，寻找原因，切忌不明就里的乱改一通，最后导致乱了，自己都不知道怎么回事了。

遇到这种问题我的建议【前提是一般是功能较复杂，很难找到问题的原因】：

(一)如果你当时累了，思路不太清晰，那么请暂时搁置问题，等中午休息一下或者明天早上头脑清醒的时候去解决，这样效果会好一些。

(二)先用Ctrl+Z回退一下当时修改的代码，看是否能恢复出问题之前的状况，如果修改较多，最好备份一下。

(三)如果你用了源代码管理器，不管是TFS，还是VSS，都可以尝试一下，恢复到修改之前的code，看是否能够恢复原状。

(四)如果二、三都不行，而且code有备份的话，可以用比较工具Beyond Compare比较一下修改的几个页面的code和之前不一致的地方，便于找到问题之所在。

(五)如果是页面的问题：可以打开IE的错误调试，看看是否会报脚本错误。

(六)打开IE的F12【如果是其他浏览器道理一样】看看页面的p及相关的元素是否正确加载了，是不是display属性是none导致的

(七)在页面的最上部加上debugger，看看程序走到哪里报错了，或者不正常了。

(八)如果不是前端页面的问题，那么可以F5运行程序，在后台设置断点进行调试。

(九)以上都尝试了，还无法解决问题，看看浏览器是否不小心点了兼容模式，去掉兼容模式看看，很多情况浏览器的兼容模式和非兼容模式显示的很不一样【我今天碰到的就是这个】。

(十)如果以上的方法都没有解决你的问题，那么请重启解决方案，或者重启电脑尝试一下，我总结过，有时候碰到莫名其妙的问题，怎么也解决不了，重启电脑你会获得惊喜。