web應用開發常見問題解決總結

1、兩個核心

F12瀏覽器調試工具、IDE-Debug調試
這兩個東西必定必須會靈活使用，它們是web應用開發問題解決技巧的核心。

學習網址：
debug：segmentfault.com/a/119000000…
chrome開發者工具文檔：www.css88.com/doc/chrome-…
前端chrome瀏覽器調試總結：www.jianshu.com/p/b25c5b88b…

2、常見錯誤及解決流程

一、沒法訪問此網站

解決：

a、檢查tomcat是否啓動、啓動是否正常

b、檢查url裏IP端口的值是否正確

二、 404錯誤

解決：

a、檢查url是否正確。包括應用名、頁面名稱及其路徑。

b、檢查tomcat。查看webapps目錄下的應用名稱，而後進入應用目錄下，檢查頁面文件是否在 本地目錄中。

三、 頁面繁忙

此狀況大多數jsp頁面的java部分有錯誤，查看tomcat日誌，找到錯誤位置便可

解決：

a、在控制檯查看tomcat日誌

b、分析異常日誌，查看報錯緣由，尋找代碼中報錯的具體行數，如圖所示

根據以上分析可見，此類錯誤，分析日誌的步驟很重要！！

四、Uncaught SyntaxError

此類錯誤一般是js代碼有誤致使，在瀏覽器調試工具的console裏會顯示錯誤發生位置。

常見的錯誤有：

1）Uncaught SyntaxError: Unexpected identifier： 語法錯誤，如json少逗號

2）Uncaught SyntaxError: Unexpected token ' in JSON at position 1：json轉換異常

3）Uncaught SyntaxError: Invalid or unexpected token： 含有不合法的字符,如中文符號

4）Uncaught SyntaxError: Unexpected token < ：js文件執行過程當中出錯致使的

這個異常是比較詭異的，由於瀏覽器控制檯沒法鎖定這個錯誤，不會幫你找到實際的錯誤位置。那麼怎麼解決？

a. 檢查全部引用的js文件路徑是否正確
b. 路徑沒問題，那麼將業務文件去掉，刷新頁面看看是否還會發生這個錯誤
c. 業務文件沒問題，再分別去掉其餘js文件，一個個的判斷出錯誤發生在哪一個文件中
d. 肯定報錯文件，檢查代碼裏是否有eval，判斷eval內的參數格式是否正確。以下圖，eval內要傳一個json字符串，可能因爲後臺報錯，致使傳過來異常頁面的html代碼，致使執行「eval」函數是出錯；
複製代碼

e. 在瀏覽器調試工具查看NetWork裏是否有報錯的請求或者返回參數是否正確。
複製代碼

5）Uncaught TypeError: Cannot read property 'length' of undefined：

圖片示例這是一個下拉框jQuery控件調用報錯。若是你調用時傳參沒有問題，那麼，檢查下你的jQuery對象是否正確，在頁面查找jQuery對象長度是否爲1，標籤是否存在。很大的可能就是選擇器裏的標籤不存在！