如何在Firefox Scratchpad中使用jQuery？

Question

如何在Firefox Scratchpad中使用jQuery？
我有Firefox v54.0.1。

我搜索了一下，发现一些文章提到了Firefox Scratchpad如何内置jQuery，但这些文章是在Scratchpad首次发布时写回来的。

http://www.davidhayden.me/blog/jquery-and-javascript-development-using-firefox-scratchpad

https://hacks.mozilla.org/2013/11/reintroducing-the-firefox-developer-tools-part-2-the-scratchpad-and-the-style-editor/

我最初只是尝试了jQuery代码，当它无法正常工作时，我把它扔进了CDN ..我很绝望......

任何建议表示赞赏！
谢谢！

编辑:(添加戴夫的建议）

Answer 1

您应该能够通过在暂存器的开头添加此代码来注入脚本元素。此外，您需要等待它加载，您需要在回调中运行您的代码

let jq = document.createElement("script");
jq.src = "https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js";
jq.onload = function() {
  //your code here
};
document.body.appendChild(jq);

Answer 2

这是使用almond.js加载任何脚本（或者可能只是启用AMD的脚本）的更通用的方法（如果需要，您也可以将其替换为require.js）。

将此脚本放在便笺式代码段的开头。此代码段加载 v9.6.8 脚本加载器。

almond.js

现在，您可以像这样包装您的便笺代码

var _ = function (run) {
  var script = document.createElement("script") 
  // replace this url to load any other script loaders...
  script.src = 'https://gitcdn.link/repo/requirejs/almond/master/almond.js';
  // then run the code once require is available
  script.onload = function () {
    run(requirejs)
  }
  script.onerror = function () {
    // uncaught!
    throw new Error('error loading almond!')
  }
  document.body.appendChild(script)
}