让 JSFIDDLE 使用 JavaScript 扩展脚本

getting jsfiddle working with javascript extension scripts

本文关键字：扩展 脚本 JavaScript 使用 JSFIDDLE      更新时间：2023-09-26

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

是否可以使用库扩展运行 jsfiddle - 例如，在这个示例中使用 D3 的翻译.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);

GitHub 已经开始使用 X-Content-Type-Options: no-niff 标头，以防止脚本被识别为 javascript 或 css 。这样人们就不会开始使用它作为平台来托管其文件的生产版本。

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

使用 rawgithub.com 的工作演示

相关文章：