我可能可以列出大约 100 个理由,因为作为创始人、用户和(咳咳)CodePen 的 PRO 会员 本人,我对此充满动力。但这里我只列出几个。其中一些是我最喜欢的,一些是 PRO 会员告诉我们他们最喜欢的,还有一些鲜为人知但非常棒的。
1) 无需麻烦的调试视图
调试视图 是一种查看您构建的 Pen 的方法,它周围没有任何 CodePen UI,也没有包含它的<iframe>
。原始输出!在用户生成代码的世界中,这是一件危险的事情。如果我们放任不管,它可能会被滥用。它的工作原理相当简单。
您可以使用调试视图,如果
- 您已登录
- 该 Pen 为 PRO 所有
登录并不是什么大问题,但有时如果您只想将调试视图 URL 发送到您的手机或 CrossBrowserTesting 等,这会很麻烦。如果您是 PRO,则根本不用担心,您的 Pen 完全解锁了调试视图。

2) 随时随地与任何人协作
协作模式 在 CodePen 上就像 Google Docs:人们可以在同一个 Pen 上实时协作。您键入,他们看到您键入,他们键入,您看到他们键入的内容。
以下是它的特别之处
- 无需安装或设置任何内容,只需向任何人发送链接即可。
- 只有您需要是 PRO。其他人则不需要。他们甚至不必登录。
基本上,您可以在大约 2 秒钟内与某人一起编码(或者只是其中一个人观看,如果您愿意)。如果您想查看,这里有一个简短的无声视频
人们将其用于各种用途。在课堂和教育环境中,用于招聘面试,以及仅仅是为了解决与全球各地人员的问题。
拖放上传
需要快速在某个地方托管资产(例如图像)吗?也就是说,快速获取一个您可以使用并永远依赖的 URL 吗?这在 CodePen 上非常简单。

如果您正在处理项目,您也可以将文件直接拖放到侧边栏中
私下保存任何内容
CodePen 上的隐私是无限的。 如果您是 PRO,您可以创建无限的私有 Pen 和私有收藏集。您在私有项目中仅受计划中项目总数的限制。由于各种原因,这是 CodePen 上排名第一的 PRO 功能。人们使用它们来保护客户工作。人们使用它们进行实验,而无需任何人看到杂乱无章的信息。人们用它们来保存正在进行的想法。

我甚至没有提到我最喜欢的 CodePen PRO 功能。我得在其他时间分享那个功能;)