我该如何在jsFiddle中添加来自GitHub的任意JavaScript文件?

8

我知道jsFiddle曾经支持从GitHub导入任意的javascript文件,但现在不再支持。可能是GitHub改变了其原始文件的mime类型。当所需的js文件没有在任何CDN中(可能是不太流行的js存储库)时,有哪些替代方案。


引用并不能让你的问题更好,这实际上是你不应该问的那种问题。最好问“当我在摆弄时如何从任意 GitHub 存储库中包含 JavaScript 库而无需自己托管它们”。 - Bergi
1个回答

9

这是一个老问题,但我还是找到了答案:

  1. 获取需要包含的 Github 文件的原始 URL。例如:您将拥有https://raw.github.com/k4r573n/leaflet-control-osm-geocoder/master/Control.OSMGeocoder.css
  2. 在“raw”和“github”之间删除点(.),并使用生成的 URL 在 jsfiddle 中。例如:您最终将拥有https://rawgithub.com/k4r573n/leaflet-control-osm-geocoder/master/Control.OSMGeocoder.css,它在 jsfiddle 中非常完美。

为什么会起作用?因为 rawgithub.com 服务会以正确的 MIME 类型提供内容。

当然,感谢http://www.geekdave.com/2013/06/19/linking-raw-github-files-from-jsfiddle/,我在那里真正找到了需要的答案。

干杯!


@Tengiz..尽管我能够按照上述方法从github添加文件...但这对我的fiddle脚本没有任何影响。这是我添加的文件https://github.com/patrickkunka/easydropdown/tree/master/src,这是fiddle http://jsfiddle.net/fiddlehunt/3Ucg7/。它是一个用于样式化下拉菜单的插件-如果您在日历中的任何地方单击(如fiddle所示),则会在对话框框内出现一个下拉菜单。这应该由插件进行样式设置,但是没有任何变化。 - Dimitris Papageorgiou
嗯...我找到了解决办法。我必须使用http://rawgit.com/。尽管我仍然不明白为什么要在“raw”和“github”之间删除点号的意义,但我只是使用了上述服务给我的链接...我没有做其他任何事情。 - Dimitris Papageorgiou

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