Javascript 在chrome inspector中快速导入库

有没有从js/coffee控制台导入库的快速方法？现在，每次我需要使用库时，我都会注入一个脚本元素，将cdn链接到我的DOM，如下所示：

var jq = document.createElement('script');
jq.src = "//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js";
document.getElementsByTagName('head')[0].appendChild(jq);

window.jsopen = function(path) {
  var el = document.createElement('script');
  if(path.indexOf('http') == 0) {
    el.src = path;
  } else {
    el.src = '//cdnjs.cloudflare.com/ajax/libs/'+path;
  }
  document.head.appendChild(el);
}

---

这真是一种痛苦。必须有某种方法在本地存储常用库，然后允许我的控制台使用requirejs或其他东西在一行中导入它们，而不需要记住cdn url。我是一个python爱好者，我非常习惯于能够在我的路径中插入任何已安装的模块。我希望能够以类似的方式使用js——这是我学习得最好的方式

对不起，但不是完全按照你想要的方式。但是，您可以为自己设置一个实验室环境，通过给库起一个简短的名称并通过获取库，使库的加载速度更快，因为它们具有合理可预测的URL路径名

函数看起来有点像这样：

var jq = document.createElement('script');
jq.src = "//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js";
document.getElementsByTagName('head')[0].appendChild(jq);

window.jsopen = function(path) {
  var el = document.createElement('script');
  if(path.indexOf('http') == 0) {
    el.src = path;
  } else {
    el.src = '//cdnjs.cloudflare.com/ajax/libs/'+path;
  }
  document.head.appendChild(el);
}

将其嵌入一个简单的HTML和OpenDeveloper工具中，并在旁边的选项卡中打开CDNJS站点。现在，您应该能够通过库的完整URL或其路径的最后一部分导入库。在您的示例中，使用jQuery可以将其简化为：

> jsopen('jquery/2.0.3/jquery.min.js')
undefined
> $
function (e,n){return new x.fn.init(e,n,t)}

它仍然与Python上的功能不同，但它比您在问题中所描述的全部功能要好一点

还要注意，函数不知道依赖项，因此：

> jsopen('backbone.js/1.1.2/backbone-min.js')
undefined
Uncaught TypeError: Cannot call method 'each' [...]

但是：

---

高级版本：您可以创建一个实验室环境，通过和的组合来了解依赖关系。

对不起，但不是完全按照您想要的方式。但是，您可以为自己设置一个实验室环境，通过给库起一个简短的名称并通过获取库，使库的加载速度更快，因为它们具有合理可预测的URL路径名

函数看起来有点像这样：

var jq = document.createElement('script');
jq.src = "//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js";
document.getElementsByTagName('head')[0].appendChild(jq);

window.jsopen = function(path) {
  var el = document.createElement('script');
  if(path.indexOf('http') == 0) {
    el.src = path;
  } else {
    el.src = '//cdnjs.cloudflare.com/ajax/libs/'+path;
  }
  document.head.appendChild(el);
}

将其嵌入一个简单的HTML和OpenDeveloper工具中，并在旁边的选项卡中打开CDNJS站点。现在，您应该能够通过库的完整URL或其路径的最后一部分导入库。在您的示例中，使用jQuery可以将其简化为：

> jsopen('jquery/2.0.3/jquery.min.js')
undefined
> $
function (e,n){return new x.fn.init(e,n,t)}

它仍然与Python上的功能不同，但它比您在问题中所描述的全部功能要好一点

还要注意，函数不知道依赖项，因此：

> jsopen('backbone.js/1.1.2/backbone-min.js')
undefined
Uncaught TypeError: Cannot call method 'each' [...]

但是：

高级版本：您可以创建一个实验室环境，通过和的组合来了解依赖关系