有没有类似于jsbin的HTML CSS测试工具?

27

是否有类似 JSbin 的页面,我可以在上面测试 HTML 和 CSS 并提供可操作的示例给你?


6
你可以在 JSbin 上完成这件事。 - DA.
http://designshack.net/articles/css/5-online-playgrounds-for-html-css-and-javascript-compared/ - Jeetendra Chauhan
1
http://www.jsexample.com 怎么样?非常简单和基础。 - user1506145
6个回答

34

是的,有这个东西!

jsFiddle

不要被名称中的 'js' 吓到了。它有 HTML、CSS 和 JS 的字段。你甚至可以把 JS 留空,只使用 HTML 和 CSS。

在这里 是一个 CSS 中 first-child 的示例,展示了你的代码片段可以有多小。


jsFiddle和jsBin有什么不同吗?如果有的话,它更糟糕,因为你无法隐藏你不需要的视图。我很久以前就放弃了它,转而使用jsBin。尽管我理解有些人喜欢永久的4个痛点分割视图和粘性侧边栏... - QueueHammer

7

CodePen.io

我非常喜欢CodePen。我购买了专业版,因此可以获得许多实时协作功能以及演示模式。我经常使用“教授模式”,因为我指导一些人并举行小型在线课程。


7

Dabblet

这是一个新的工具,非常棒!而且与git集成得很好 :)


我最近才发现这个。看起来相当不错。 - Rob
它有什么了不起的? - Slavo

5

jsDo.it

不要被名称中的“js”吓到了。它有HTML、CSS和JS字段。你可以将JS留空,只使用HTML和CSS。

这里是一个关于CSS中first-child的示例,展示了你的片段可以多么小。

请原谅我明目张胆地复制粘贴,同样的描述也适用于这个网站。然而,我更喜欢jsfiddle。


4

Liveweave

你可以试试Liveweave。它甚至支持HTML5和CSS3上下文感知自动完成,这对大多数网页设计师非常有帮助。


4

CSSDesk

如果您不需要任何JS,这个工具非常好用。


网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接