如何让CodePen显示结果？

Question

我创建了一个CodePen来将它与jsfiddle进行比较。我添加了html和css。But...what现在？我怎样才能让它显示结果？

在jsfiddle中，您选择"Run“，并在满意时选择"Update”。但是codePen的诀窍是什么呢？我肯定这是“明显的”，但我到处找都没有用。

白色的“演示文稿”页面在底部可见；PenSettings设置为"AutoSave“和”自动更新预览“。

相同的HTML和CSS在此小提琴上呈现良好。

Answer 1

结果应该“立即”(默认情况下)出现在预览窗口的底部。默认情况下，在“笔设置”中，选中“自动更新预览”选项(“预览将在更改代码时自动更新”)。如果没有选中这一点，那么工具栏中就会有一个"Run“按钮。

但是，您似乎已经达到了CodePen！这篇博客文章讨论了文件大小限制。的限制，并声明：

CodePen编辑器的局限性之一是代码量巨大。..。当它们开始达到5,000至10,000行或更多行代码时，您将看到编辑器开始失败。

在你的例子中，你有13,000+行的HTML，实际上它失败了“预览”，即使是“自动更新预览”选项未选中，并点击“运行”手动。然而，将代码削减到大约5,000行产生了一个结果。(如果有某种咨询/警告，那将是有用的，因为“没有什么”是没有特别的帮助的！)