javascript - 如何发布我在 Rails 中看到的一些问题的 jsfiddle 示例？

Question

这可能是一个非常基本的问题，但是是否可以发布一个 jsfiddle 来捕获 Rails 环境、js、css 和 HTML 生成的问题？我在这里发布了另一个 SO 问题:Unable to float a twitter bootstrap navbar item right with either class=pull-right or float:right

...有人建议我向 jsfiddle 发布一些内容。老实说，我完全不知道如何以一种可以复制粘贴到 jsfiddle 的方式收集 css、js 和 HTML。是否有一些巧妙的方法可以将 4 个必要的组件组合在一起？

我最感兴趣的是能够共享和调试与显示和布局相关的代码。

非常感谢。

Answer 1

像 jsfiddle 这样的网站和 jsbin可用作涉及 HTML、CSS 和 JavaScript 的各种问题的测试平台。使用它们的良好工作流程可能如下所示:

1. 在访问其中一个网站之前，请使用浏览器调试器(Firebug、Chrome 调试器，如果必须的话，甚至是现代版本的 IE 中的调试器)找出问题的机制。您是否看到意外的 JavaScript 行为？奇怪的布局？不管是什么问题，看看你能不能尽可能地缩小焦点。
2. 现在，转到其中一个工作台站点(也为您自己创建一个帐户；这有助于找到旧实验)并开始尝试重现该问题。尽可能简单地开始并逐步完成。这可能是艰难和令人沮丧的，但根据我的经验，即使是试图找出一个孤立的测试用例的过程本身也会带来启发:-)
3. 如果您确实设法隔离了您不理解或无法解释的行为或其他任何行为，则可以保存测试用例(jsfiddle 有“保存”和“更新”按钮；jsbin 似乎可以神奇地保存东西自动)，然后在此处(或其他任何地方)发布 URL。如果您确实在此处发帖，最好将测试用例中的相关代码直接复制到您的问题中。

这两个网站我都用过(可能还有更多)。 jsbin 站点使您可以更好地控制页面，并提供一种在 <iframe> 之外查看页面的方法。 .如果您要测试移动应用程序，那这一点很重要。否则它们都是很好的资源。

哦，这两个站点都允许您通过简单的配置工具导入各种流行的库。这对于跟踪您认为可能由库版本更改引入的错误非常方便(很少见，但发生时真的很奇怪)。