javascript - 如果一個頁面開啟了之後空白，你會如何定位問題？如果不是網路、伺服器的問題，就是前端問題，該如何定位？

剛才，看到一個面試題，不知道咋回答。不知道大家怎麼想的。非常感謝。

回複內容：

剛才，看到一個面試題，不知道咋回答。不知道大家怎麼想的。非常感謝。

瀏覽器開發人員工具中查看頁面返回的狀態代碼，如果是500系列的，那就是伺服器錯誤，可以查看web伺服器的錯誤記錄檔發現錯誤在哪裡，如果是200返回成功的，可以看看console這個下邊有沒有報錯的資訊以確定是不是js有問題，還可以查看頁面原始碼，看看是否有內容，當然這樣發現問題的可能性不大

1.Frontend Analysis:open the chrome dev tool,record the http[s] proccess,then you will get the http status code;
2.Backend Analysis: grep nginx error log or access log,grep the unexpected http request,then get it.

js阻塞？
如果外部js是在中引入並且執行時間很長，這個時候頁面應該是空白的。直到載入並執行完中的外部檔案，才能顯示頁面，也就是部分。

看資源載入情況，確定是不是網路或伺服器問題。看js有無報錯卡住頁面載入。看頁面原始碼。

如果是前端的問題的話，那也是有許多類型的錯誤的，例如指令碼載入錯誤，js代碼問題等等。如果是資源載入問題的話，從瀏覽器開發人員工具中應該可以偵查出來的，可以對症下藥。如果是代碼中的問題，解決方案也很多，try...catch是比較簡單常用的方法。我知道的就這麼多了。

我自己的解決方式，但不知道適不適合做面試答案，如果不合理請多包涵。

1. 首先如果是我自己寫的時候本來是有頁面的，在寫了一些代碼之後，再次重新整理瀏覽器出現空白，會將剛寫好的代代碼，整段的複製出來，然後刪除原來頁面上的，看好沒好，如果好了，檢查新的代碼，然後再放到主代碼裡面。

2. 其次，如果寫了很多代碼，都不知道哪裡出問題，就首先開啟看下頁面，標籤是否完整，head部分連結是否正確，js順序是否正確，是否有衝突。

3. 寫JS的時候我個人習慣使用ff和Google這個2個瀏覽器，出了問題之後會，F12看控制台是否報錯，多使用console.log().alert()來進行調試。

