如何防止 console.log 错误并在 JS 中显示自定义错误答案

【问题标题】：how to prevent console.log error and show custom errors in JS如何防止 console.log 错误并在 JS 中显示自定义错误
【发布时间】：2017-11-11 18:14:55
【问题描述】：

我从 textarea 获取 JS 输入代码并将其附加到 Iframe 正文中。然后，如果用户浏览器输入任何错误的语法，则会显示控制台错误。我想显示自定义错误并停止控制台以显示任何错误。我怎样才能在 chrome 或任何其他浏览器中做到这一点？？

这是代码

<textarea id="js" placeholder="Write JS / Jquery code here"></textarea>

<script>
    jsContent='<script>' + $('#js').val() + '</script>';
    $('body',targetIframe).append(jsContent); 
</script>

输出会是这样的

<iframe id="preview" src="">
   <!DOCTYPE html>
                <html>
                <head>
                    <title></title>
                    <meta charset="utf-8">
                </head>
                <body>
                    <scrip>textarea input goes here</script>
                </body>
                </html>

            </iframe>

【问题讨论】：

你的javascript必须在<script>标签内。
我已经连接了 ';
How do you send console messages and errors to alert?的可能重复
我也尝试过，但没有成功..
一个更好的方法是创建一个日志文件，如果你愿意，而不是显示所有的东西，你可以使用一个好的框架 log4js，如果你愿意，你可以分类记录哪些错误、警告、异常以及哪些抛出控制台或提示。 log4js

标签： jquery console.log

【解决方案1】：

这样可以吗？

<textarea id="js" placeholder="Write JS / Jquery code here"></textarea>
<script>
$('body',targetIframe).append($('#js').val());
</script>

【讨论】：

jsContent 附加在 iframe 的正文标记内。 iframe 是在 textarea 所在的页面内。