找到包含在網站中的遺漏的Javascript

Question

假設我在頁面中包含多個JavaScript：

<script type="text/javascript" src="/js/script0.js"></script>
<script type="text/javascript" src="/js/script1.js"></script>
<script type="text/javascript" src="/js/script2.js"></script>
<script type="text/javascript" src="/js/script3.js"></script>
<script type="text/javascript" src="/js/script4.js"></script>

有沒有辦法可以判斷是否找不到任何這些（404）而無需手動檢查每一個？ 我想我正在尋找一個在線工具或類似的東西。 有任何想法嗎？

Answer 1

如果您獲得Firebug firefox插件並啟用控制台，它應該告訴您何時在控制台中檢索資源時出錯。

Answer 2

我沒有足夠的其他瀏覽器知道在哪里找到類似的功能，但Safari有一個Activity窗口，顯示給定網頁的所有包含文件以及哪些無法檢索。

Answer 3

如果你想實時監控而不實際檢查它是否存在，那么我建議在文件中放置動態變量。 然后做這樣的事情：

var script0Exists = true; // inside script0.js
var script1Exists = true; // inside script1.js

然后在您的其他文件中，只需使用：

if ( script0Exists ) {
    // not a 404 - it exists
}

Answer 4

記錄你的404。

Answer 5

如果你的webhost總是返回HTTP結果“200 OK”，無論文件是否存在（后者應該給出“404 Not Found”），瀏覽器都無法告知它是否收到了腳本。

您可以嘗試通過XMLHttpRequest檢索文件，檢查數據，如果它們看起來像JS，要么eval（）它們，要么創建指向您下載的完全相同的URL的腳本標記（如果腳本是可緩存的，則不會再次轉移，因為瀏覽器已經擁有它）。

Answer 6

如果您不想在客戶端上手動檢查它，則需要在服務器端執行此操作。 您需要確保將您使用的任何Web服務器配置為記錄404，然后檢查該日志以查看哪些HTTP請求失敗。