Web页面莫名其妙的问题【原因一：兼容模式】

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

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

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

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

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

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

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

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

   

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

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

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

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

   

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