2025 年技术指引:让真实案例和经验为开发者开路 了解详情
写点什么

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

  • 2014-10-17
  • 本文字数:990 字

    阅读完需:约 3 分钟

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

这个被称为“Stack Snippets”的新特性,使得原本静态的问答能够嵌入可在浏览器中运行的代码,就像 JSFiddle Plunker 那样。这一新特性背后的 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

2014-10-17 11:411807
用户头像

发布了 256 篇内容, 共 73.9 次阅读, 收获喜欢 10 次。

关注

评论

发布
暂无评论
发现更多内容

系统架构总结

Mars

系统架构

架构师训练营第八周课后作业

Gosling

极客大学架构师训练营

week4学习小结

幸福小子

互联网系统架构

架构师训练营第四周作业2

韩儿

第四周课后练习作业二

lithium

架构师训练第4周:作业一

leo

极客大学架构师训练营

第八周

Geek_fabd84

大型互联网系统技术架构模式

Mars

架构模式 大型互联网应用系统

第四周课后练习作业一

lithium

极客大学架构师训练营

为什么说 Pulsar 是云原生的消息平台?

tison

云原生 消息队列 Apache Pulsar

Wi-Fi+BLE 通断器开发资料全开源!快速打造您的智能家居“改装神器”

智能物联实验室

人工智能 物联网 智能家居 通断器

架构师系列之5:互联网大数据分析系统架构例子解析

桃花原记

架构师训练营第四周作业

丁乐洪

GitHub SSH免密登录

jiangling500

GitHub SSH 免密登录

架构师训练营第 1 期 -- 第八周学习总结

发酵的死神

极客大学架构师训练营

Week 8总结

黄立

亚新资本开创金融理财新征程

为什么继承 Python 内置类型会出问题?!

Python猫

c Python 编程 程序员

性能优化二第八周作业「架构师训练营第 1 期」

天天向善

第八周作业一

天天向上

极客大学架构师训练营

架构师训练营第四周作业

韩儿

架构师训练第4周:作业二

leo

极客大学架构师训练营

架构师训练营-week08

睁眼看世界

极客大学架构师训练营

第四周作业

晴空万里

第八周作业

极客大学架构师训练营

【第八周】性能优化(二)

云龙

LeetCode题解:169. 多数元素,排序,JavaScript,详细注释

Lee Chen

算法 大前端 LeetCode

网上如何精确分别百家电投台子真假靠谱方法(LGF微7998)

InfoQ_ba4217df53b1

架构师训练营 -week08-总结

大刘

极客大学架构师训练营

一个典型的大型互联网应用系统使用了哪些技术方案和手段,主要解决什么问题?请列举描述

幸福小子

互联网系统架构

深度学习-框架之 pytorch

Dreamer

框架

Stack Overflow问答页面现在允许嵌入并执行JavaScript代码段_JavaScript_David Iffland_InfoQ精选文章