如何在jsfiddle中获取控制台

12 浏览
0 Comments

如何在jsfiddle中获取控制台

我怎样能在JSfiddle.com上的fiddle中显示控制台？\n我最近看到一个fiddle，其中控制台嵌入在了fiddle中，有人知道怎样做到这一点吗？

0

3 答案

0 Comments

问题的出现原因是在JSFiddle中无法直接使用控制台来输出结果。解决方法是通过添加一个外部资源来实现在JSFiddle中使用控制台。

具体步骤如下：

1. 点击JavaScript旁边的箭头。

2. 在FRAMEWORKS & EXTENSIONS中选择No-Library (Pure JS)。

3. 在JS框中粘贴console.log('foo');。

4. 在Resources下添加https://rawgit.com/eu81273/jsfiddle-console/master/console.js或者https://cdn.jsdelivr.net/gh/eu81273/jsfiddle-console/console.js。

5. 点击播放按钮来运行脚本。

通过以上步骤，我们可以在JSFiddle中使用控制台来输出结果。下面的gif图展示了具体的操作步骤。

[![gif](https://i.stack.imgur.com/YZbcD.gif)](https://i.stack.imgur.com/YZbcD.gif)

这个答案比排名靠前的答案更早出现，因此值得认可！并且这个gif图非常有帮助！

0
0 Comments

如何在jsfiddle中获取控制台？

在jsfiddle中，要获取控制台，需要按照以下步骤进行设置：

1. 展开JavaScript面板

2. 选择jQuery Edge

3. 选择Firebug Lite

这样做会在结果选项卡的底部添加一个内联控制台。如下图所示：

![Example of Output](https://i.stack.imgur.com/Uilgq.png)

需要注意的是，要看到Firebug Lite选项，你需要将你的JavaScript设置为使用jQuery Edge库或jQuery的子集。

如果你不想使用jQuery，那么下面的答案可能是更好的解决方法。

这个解决方法要求你使用jQuery，而不是纯JavaScript。

原文链接：[https://stackoverflow.com/a/43484981/1259637](https://stackoverflow.com/a/43484981/1259637)

0
0 Comments

在jsfiddle中获取控制台的方法

有一个相对简单的方法，只需将以下URL添加到jsfiddle的“外部资源”中，您将在结果屏幕上看到console.log和console.error。

https://cdn.jsdelivr.net/gh/eu81273/jsfiddle-console/console.js

如果要查看日志中的对象图而不是[object Object]，只需按F12，在浏览器控制台中查看日志即可。

虽然打印的是丑陋的[object Object]，对于嵌套对象，它还会打印三个点。尽管如此，在某些情况下，它仍然非常有帮助。我现在使用的是网页浏览器控制台。

这仅适用于空HTML（仅有JavaScript）。

参考链接：

- [例子](https://jsfiddle.net/op9wumdz/)

- [GitHub](https://github.com/eu81273/jsfiddle-console)

0