如何在jsfiddle中显示控制台

Question

如何在jsfiddle.net上显示用于调试JavaScript的控制台？ 我只看到结果标签。尝试执行console.log('test');时，只会显示一个白色结果标签。

是否存在控制台面板？

Answer 1

除了在结果窗格中按F12或使用inspect，如果你想要“Stacksnippet Console”类型的控制台，你就可以在使用jQuery打开Firebug时在结果窗格中显示控制台消息：

Answer 2

您可以通过右键单击并选择该菜单上的Inspect Element来打开它，也可以使用f12作为快捷键来打开控制台。

Answer 3

您可以使用以下程序包以“检查样式”的方式将控制台输出重定向到HTML窗格。

GitHub：https://github.com/karimayachi/html-console-output

如果您还具有正常的HTML输出，则可以使用CSS覆盖此控制台，或使其粘在顶部或底部。

此处的基本示例（无CSS）：https://jsfiddle.net/Brutac/e5nsp2mu/

要在jsFiddle中运行它，只需将CDN版本（下面的网址）添加到资源中（请参见示例）。

https://unpkg.com/html-console-output

Answer 4

您可以通过

使用浏览器控制台

  

右键点击＆gt;检查元素＆gt;控制台

Answer 5

F12，打开调试器视图，在控制台选项卡上显示日志。您可以根据需要过滤警告/信息/错误/所有

Answer 6

（已在Chrome上测试）
1-在JS窗格上编写一些简单的JS代码。例如> console.log（“ hello”）;
2-点击“运行”。
3-在“结果”窗格上，右键单击并选择“检查”。
4-转到控制台。
5-确保过滤结果。（请参见下面的图片）。
并且不要单击“更新”以保持干净的控制台。每当您要测试新代码时，只需点击“运行”或使用快捷键：Ctrl + Enter。