<big>版權聲明：本文為 Codeagles 原創(chuàng)文章泪勒，可以隨意轉載昼蛀，但必須在明確位置注明出處！：ㄔ濉曹洽！</big>
身為前端小白的后端的我，又學會了一個前端調試技巧辽剧，可以調試js問題送淆。
問題
在做一個頁面的時候，js邏輯寫完怕轿，所需要的js文件也都引入了偷崩，但是就是沒有效果辟拷，我猜測是js代碼出問題了，但是苦于不知道怎么調試阐斜。
方法
經(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>
加入這個之后谒出，運行程序隅俘，在Chrome中開發(fā)者調試模式。
Error.png
在調試模式下的console中就可以具體的看到笤喳，是哪個文件出錯为居，哪個地方出錯，直接一找就OK 了杀狡，接下來就是哪里出錯點哪里就好了蒙畴，簡直就是太方便了。不過這段代碼調瀏覽器呜象，主流的當然沒問題了膳凝。繼續(xù)奔跑在前端的路上吧。
