Web页面因为兼容模式产生的奇怪问题解答

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

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

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

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

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

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

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

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

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

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

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

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