Question

我正在编写一个页面，让学生能够在textarea中输入代码来解决javscript编程练习。但我希望用户在代码不起作用时出错。例如：行号或语法错误等。问题是我不知道如何从javascript控制台获取错误。或者，如果可能的话。我如何从javascript中输入的代码中获取错误？这是我正在研究的骨架页面。这是从textarea获取代码并使用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

2 个答案: