JSfiddle:我的fiddle的JavaScript(*.js)URL是什么?这样我就可以通过src重复使用它。

13

如何获取并仅获取此Fiddle的JavaScript代码URL?

这样以后,我可以使用一个<script rel="" src=""></script>链接调用它进行测试。类似于:

<script rel="script" src="http://jsfiddle.net/.../.../myFiddleScrip.js"></script>

JSFiddle存储我们脚本的版本,而我的IDE不会。


编辑:我知道/show/页面,我的问题是是否有独立的.js页面?


编辑:截至2013年3月,以下模式有效!(请+1 Danny的答案!)


没错。而且 JSfiddle 存储了你的脚本版本,而我的 IDE 没有。 - Hugolpz
1
我认为这是有意而为之的,因为它不是版本化文件托管服务的用途,所以如果有某种干净的方式来做到这一点,他们很可能会有意禁用它。因此,不建议浪费时间去尝试,但如果你真的想要,你可以尝试获取源代码,提取脚本标记内部的js,然后评估它...但这可能绝对不是推荐的方法。我强烈建议使用文件版本控制系统和IDE扩展,其中有许多免费和高级选择。 - BrianH
获取本地的Git仓库。 - Colin DeClue
最新的编辑导致 show_js、show_css 和 show_html 显示404错误。 - vwvan
1
2019年10月:选项无法使用。 - Danny '365CSI' Engelman
显示剩余2条评论
3个回答

9

看起来您可以使用以下代码添加到您的页面中:

<script type="text/javascript" src="http://jsfiddle.net/hugolpz/QUTcW/37/show_js/"></script>

然而,该URL似乎没有正式记录,可能会更改。更多信息在这里


正是我所需要的!+1,+1,+1! - Hugolpz
哦,糟糕的地方是:JSfiddle的“外部资源”不接受*/show_js/或*/show_css/,太遗憾了! - Hugolpz
@Hugolpz 看这里 .. 你需要创建这种类型的URL fiddle.jshell.net/hugolpz/QUTcW/37/show/ ... 这样你就可以得到你的JS文件的链接.... - Adil Shaikh
@Hugolpz,你不能直接从fiddle中复制外部资源的URL吗? - Danny
1
@Hugolpz 奇怪。看起来 CSS 和 JS 资源被添加了 <script type="text/javascript" src="http://jsfiddle.net/9y4MG/show_js/?type=.js"></script><link rel="stylesheet" type="text/css" href="http://jsfiddle.net/9y4MG/show_css/?type=.css">,但似乎没有起作用。不太确定出了什么问题... - Danny
显示剩余3条评论

6

我注意到了。但我想知道是否有人知道分离的URL。 - Hugolpz
我认为没有人可以像那样获取行内脚本的链接。 - Adil Shaikh
这似乎不可能。也许 Gist 更合适,因为它们可以轻松地推送到 jsfiddle。 - Kevin B
@Mohammad:有趣的是你在一瞥之间就创建了这个工具。正如我之前所说,我正在探索添加JSFiddle的“外部资源”jsfiddle.net/{user}/{slug}/{revision_number}/show_js/?file=.js的方向,但它不起作用。我越来越认为他们正在阻止这种可能性。 - Hugolpz
@Hugolpz 我只是出于好奇而创建了那个工具......该工具将为您提供链接到js的外部资源...... http://goo.gl/MAQin 这是您fiddle的javascript源代码链接。 - Adil Shaikh
有趣的是:使用Mohammad的链接fiddle与?file=.js hack一起工作。看起来Mohammad的js代码与http://jsfiddle.net/9y4MG/show_js/不同。或者可能是因为你的域名不是jsfiddle,所以它绕过了阻止。@Mohammad:请简化你的代码或稍后将其复制,以便Css也可以正常工作 :) - Hugolpz

0

编辑:Danny 的新解决方案要简单得多!


从BrianDHall的评论中得出了这个重要的方向

  1. 获取源代码 http://jsfiddle.net/userName/CODE/DD/
  2. 获取JS面板的内容(类似于:$('textarea#id_code_js').value()),
  3. 清理并使用它。

如果您有兴趣,可以进一步探索。

如果您精通JS,请随意分享解决此问题的脚本。我会验证它。


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