Question

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

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

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。

使用 rawgithub.com

工作Demo

让jsfiddle使用javascript扩展脚本

1 个答案: