<big>版權(quán)聲明：本文為 Codeagles 原創(chuàng)文章，可以隨意轉(zhuǎn)載，但必須在明確位置注明出處！！！</big>
身為前端小白的后端的我，又學(xué)會了一個前端調(diào)試技巧，可以調(diào)試js問題。
問題
在做一個頁面的時候，js邏輯寫完，所需要的js文件也都引入了，但是就是沒有效果，我猜測是js代碼出問題了，但是苦于不知道怎么調(diào)試。
方法
經(jīng)過一番折騰發(fā)現(xiàn)了一個利器（對于小白的我來說是神器），在頁面中加入一段js代碼，如下：
<head>
<script type="text/javascript">
window.onerror = function(errorMessage, scriptURI, lineNumber,columnNumber,errorObj) {
console.log("錯誤信息：" , errorMessage);
console.log("出錯文件：" , scriptURI);
console.log("出錯行號：" , lineNumber);
console.log("出錯列號：" , columnNumber);
console.log("錯誤詳情：" , errorObj);
}
</script>
</head>
加入這個之后，運(yùn)行程序，在Chrome中開發(fā)者調(diào)試模式。
Error.png
在調(diào)試模式下的console中就可以具體的看到，是哪個文件出錯，哪個地方出錯，直接一找就OK 了，接下來就是哪里出錯點(diǎn)哪里就好了，簡直就是太方便了。不過這段代碼調(diào)瀏覽器，主流的當(dāng)然沒問題了。繼續(xù)奔跑在前端的路上吧。
