javascript - 让 jsfiddle 使用 javascript 扩展脚本

Question

不是一个直接的 js 问题，但由于 jsfiddle 对于 SO 通信非常有用，我认为它值得问。

是否可以让 jsfiddle 使用库扩展运行 - 例如在这个例子中使用 D3 的translate.js？我尝试将脚本作为“外部资源”加载，但 jsfiddle 不喜欢 GitHub，正如你所看到的，我自己的版本失败了。有什么建议吗？

The jsfiddle

HTML:

<script src="https://raw.github.com/trinary/d3-transform/master/src/d3-transform.js"></script>

JS:

// svg container
var svg = d3.select("body").append("svg")
    .attr("width", 400)
    .attr("height", 300);

// a rectangle
var rect = svg.append("rect")
    .attr("x", 0).attr("y", 0)
    .attr("width", 100).attr("height", 50)
    .style("fill", "purple");

// d3 extension for translation operations
var translate = d3.svg.transform().translate(200, 100);

rect.attr('transform', translate);

Answer 1

github has started using X-Content-Type-Options: no-niff header这可以防止脚本被识别为 javascript 或 css。这样人们就不会开始将其用作托管其文件的生产版本的平台。

要使用 github 上的文件，请考虑使用 rawgithub.com对于 JSFiddle，或者将完整的编译文件复制到 plunker。

工作中Demo使用rawgithub.com