在頁面加載時跟蹤JS CSS資產錯誤

Question

是否有可能跟蹤瀏覽器在使用javascript加載頁面時拋出的錯誤和警告的數量？

例如CSS資產丟失或圖像丟失或JS腳本錯誤？我不需要詳細的日誌，但可能是每種類型錯誤的計數。

像一個CSS計數，資產缺失和JS錯誤？

這需要使用JS進行跟蹤，而不是在控制檯中進行跟蹤。該腳本需要從控制檯收集所有這些錯誤並將它們發送回我的服務器。

Answer 1

是的，絕對。有很多方法可以做到這一點。

對於JavaScript，您可以通過偵聽window.onerror來捕獲錯誤。這會給你錯誤信息，你可以將數據AJAX返回到你的基礎設施。

如果您不想支持自己的基礎架構日誌，可以使用JavaScript錯誤日誌記錄服務（如TrackJS）自動執行此操作。

對於資產加載失敗，您可以將onerror偵聽器附加到css標記，儘管這不適用於所有瀏覽器。您可以將負載故障發送回相同的日誌記錄基礎架構。

您還應該查看Network Error Logging上提出的新標準，這可能與您正在嘗試執行的操作相關。