BT

如何利用碎片时间提升技术认知与能力? 点击获取答案

Stack Overflow问答页面现在允许嵌入并执行JavaScript代码段

| 作者 David Iffland 关注 4 他的粉丝 ,译者 李彬 关注 1 他的粉丝 发布于 2014年10月18日. 估计阅读时间: 3 分钟 | Google、Facebook、Pinterest、阿里、腾讯 等顶尖技术团队的上百个可供参考的架构实例!

现在,开发者们又多了一个基于浏览器的全新在线代码编辑器可选,不过这次它是嵌在别的工具中的。知名软件开发在线问答网站Stack Overflow发布了新的工具,它能够支持用户在提问页面中运行JavaScript、HTML和CSS代码

这个被称为“Stack Snippets”的新特性,使得原本静态的问答能够嵌入可在浏览器中运行的代码,就像JSFiddlePlunker那样。这一新特性背后的StackExchange开发者David Haney,将该特性称之为:“最佳体验……现在问题和答案能够在同一页面上完整呈现。”

一直以来,Stack Overflow都支持用户提交静态代码段,而现在为了让用户能够嵌入可运行的代码,则代码区域将向用户提供如下新按钮:

而问答编辑器也会给出新按钮:

它将打开新的代码编辑器:

在过去,要想验证一段JavaScript代码是否能够运行,用户往往需要在回答中包含静态代码并提供一个工作示例的链接。后者是如此流行,以至于一些用户甚至开始不再提交静态代码,而是在回答中仅仅提供一个通往可运行版本的链接。而如果链接指向的页面失效,则这样的“空”答案也就失去了意义。

在2012年,StackExchange采取措施,要求包含指向jsfiddle.com或ideone.com链接的答案,必须同时粘贴静态代码。Stack Snippets则尝试着提供基于浏览器的代码运行环境,以便消减使用外部服务的需求,从而解决外部链接的问题。

Plunker 的缔造者Geoff Goodman在Reddit的讨论中分享了自己的看法

“有趣的解决方案。毫无疑问,StackOverflow能够提供可嵌入和可运行的代码环境是有意义的。不过作为Plunker的创作者,我认为外部服务仍将有其存在的价值,例如它们可以提供更好的用户体验,以及处理诸如LESS等内容。”

JSFiddle对此只在推特上发布了一条消息作为反馈:“不错,StackExchange克隆了我们的服务J”。

在另一条Reddit的讨论中,用户davidNerdley表示:

“之前已经体验过了Stack Snippets,实际上它比我预期的还要好。它让用户阅读提问和回答中的解决方案的过程更加流畅。StackOverflow本就不错,如今更有进化。”

但对此的反响中也并非只有正面的声音。评论家JM在发布会上提出问题:“为什么要浪费时间重新发明轮子,来创建这么一个替代解决方案,为何不直接集成jsfiddle或jsbin?”

现在,Stack Snippets支持所有与代码相关的StackExchange页面,并提供了用于尝试新特性的沙盒

查看英文原文:Stack Overflow Adds Live JavaScript to Answers

评价本文

专业度
风格

您好,朋友!

您需要 注册一个InfoQ账号 或者 才能进行评论。在您完成注册后还需要进行一些设置。

获得来自InfoQ的更多体验。

告诉我们您的想法

允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p

当有人回复此评论时请E-mail通知我
社区评论

允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p

当有人回复此评论时请E-mail通知我

允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p

当有人回复此评论时请E-mail通知我

讨论

登陆InfoQ,与你最关心的话题互动。


找回密码....

Follow

关注你最喜爱的话题和作者

快速浏览网站内你所感兴趣话题的精选内容。

Like

内容自由定制

选择想要阅读的主题和喜爱的作者定制自己的新闻源。

Notifications

获取更新

设置通知机制以获取内容更新对您而言是否重要

BT