Web頁面因為相容模式產生的奇怪問題解答

[導讀] 在web開發的過程中，很多時候我們會碰到一些莫名其妙的問題，今天我就碰到了一次，沒修改幾行程式碼，頁面一片空白，嘗試了幾次Ctrl+Z無果，後來終於找到了問題的所在，索性做一個系統的解決方案的分析。

 

    一般情況我們的頁面很複雜，引用了很多js，有通用控件的，也有自己開發的，遇到這種問題先不要慌，靜下心來，尋找原因，切忌不明就裡的亂改一通，最後導致亂了，自己都不知道怎麼回事了。

    遇到這種問題我的建議【前提是一般是功能較複雜，很難找到問題的原因】：

    （一）如果你當時累了，思路不太清晰，那麼請暫時擱置問題，等中午休息一下或明天早上頭腦清醒的時候去解決，這樣效果會好一點。

    （二）先用Ctrl+Z回退一下當時修改的程式碼，看看是否能恢復出問題之前的狀況，如果修改較多，最好備份一下。

    （三）如果你用了原始碼管理器，不管是TFS，還是VSS，都可以嘗試一下，恢復到修改之前的code，看是否能夠恢復原狀。

    （四）如果二、三都不行，而且code有備份的話，可以用比較工具Beyond Compare比較一下修改的幾個頁面的code和之前不一致的地方，便於找到問題之所在。

    （五）如果是頁面的問題：可以開啟IE的錯誤偵錯，看看是否會報腳本錯誤。

    

   （六）打開IE的F12【如果是其他瀏覽器道理一樣】看看頁面的p及相關的元素是否正確加載了，是不是display屬性是none導致的術語

的最上部加上debugger，看看程式走到哪裡報錯了，或是不正常了。

    （八）如果不是前端頁的問題，那麼可以F5運行程序，在後台設定斷點進行調試。

    （九）以上都嘗試了，還無法解決問題，看看瀏覽器是否不小心點了兼容模式，去掉兼容模式看看，很多情況瀏覽器的兼容模式和非兼容模式顯示的很不一樣【我今天碰到的就是這個】。

    

    （十）如果以上的方法都沒有解決你的問題，那麼請重啟解決方案，或者重啟電腦嘗試一下，我總結過，有時候碰到莫名其妙的問題，怎麼也解決不了，重啟電腦你會獲得驚喜。

以上是Web頁面因為相容模式產生的奇怪問題解答的詳細內容。更多資訊請關注PHP中文網其他相關文章！