如何从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