如何從Chrome的JavaScript控制台中獲取錯誤

Question

我正在開發一個頁面，使學生能夠在文本區域中輸入代碼來解決javscript編程問題。 但是我希望用戶在他們的代碼不起作用時遇到錯誤。 例如：行號或語法錯誤等。問題是我不知道如何從javascript控制台獲取錯誤。 或者，即使有可能。 如何從javascript輸入的代碼中獲取錯誤？ 這是我正在處理的基本頁面。 這是一項基本功能，可從文本區域獲取代碼並使用eval將其發送到控制台。 但是當代碼中出現錯誤時，我也需要抓住...一個可以幫助嗎？ 謝謝

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>JScript Page</title>
  <script>
    function jstest() {
      var code = document.getElementById("textArea").value;
      console.log(eval(code));
      return false;
    }
  </script>
</head>

<body>
  <h2>Enter your code here!</h2>
  <form>
    <textarea rows="7" cols="50" id="textArea">
</textarea><br>
    <input type="submit" value="Submit" onclick="return jstest();">
  </form>
</body>
</html>

Answer 1

您可以將下一個腳本添加到文檔中。 它將捕獲所有錯誤並將其顯示為警報消息

<script type="text/javascript">
  window.onerror = function(message, url, lineNumber) {
    alert("Error: "+message+" in "+url+" at line "+lineNumber);
  }
</script>

Answer 2

覆蓋控制台錯誤，以向用戶顯示所有開發人員控制台錯誤。

console.myError = console.error;

console.error = function (message) {
    console.myError(message);
    document.getElementById("textArea").innerHTML = message;
}

如何從Chrome的JavaScript控制台中獲取錯誤

問題描述

2 個解決方案

解決方案1
0 2017-06-18 19:16:04

解決方案2
0 2017-06-18 19:17:19

如何從Chrome的JavaScript控制台中獲取錯誤

問題描述

2 個解決方案

解決方案1 0 2017-06-18 19:16:04

解決方案2 0 2017-06-18 19:17:19

解決方案1
0 2017-06-18 19:16:04

解決方案2
0 2017-06-18 19:17:19