从chrome developer tools中的工作区运行javascript文件

是否可以在chrome开发者工具控制台的本地工作区中运行新创建的JavaScript文件

我尝试实现的工作流如下图所示：

我希望能够在我的工作区中创建一个新文件，运行（或需要）该文件，并能够在chrome开发者控制台中使用它的函数和变量

如果我是正确的，这意味着在网页的上下文中运行脚本，并将方法和变量添加到窗口对象

---

您可以在页面中定义一个方法，将javascript动态添加到页面中，然后从控制台调用它

例如，如果您有这样一种方法：

函数loadJs（文件名）{
var tag=document.createElement（'script'）；
setAttribute（“type”、“text/javascript”）；
setAttribute（“src”，文件名）；
document.getElementsByTagName（“head”）[0].appendChild（标记）；
}

您可以使用脚本标记中的javascript文件创建这样的纯html文件

---

然后，您应该能够在开发人员控制台中获取所有方法。

我找不到自动将本地文件添加到DOM上下文的方法。到目前为止，我找到的最佳解决方案是：

• 打开本地工作区和正确的文件
• 按CTRL+a（全选）
• 按CTRL+SHIFT+e（或者：用鼠标右键单击所选文本，然后单击“在控制台中评估”）

---

这并不比复制和粘贴好多少，但可以省去几次按键/鼠标点击。

这段代码给出了以下错误：load（'C:\Users\u0098668\Documents\Projects/local folder/test.js'）不允许加载本地资源：file:///C:/Users%C2%98668DocumentsProjects/local-文件夹/test.js。是否可以检查工作区中的当前文件夹中的文件名？可以尝试使用“file:///C:/Users/u0098668/Documents/Projects/local-“folder/test.js”作为js文件的路径。或者尝试将文件放在与网页相同的位置，以便使用文件的相对路径，而不是在路径中使用C:会给我同样的错误。工作区是否有URL？可能是在我请求获取文件的本地主机上？它确实会将文件添加到我的HTML中，我只是不允许使用该资源？这不是一个真实的答案，因为你想在浏览器中测试它，但是能够简单地测试javascript代码的另一种方法是，实际上使用Node.js，这样您就可以在浏览器之外运行它，或许还可以通过单元测试轻松地测试出来。这不是一个真正的选项，因为我想使用开发工具作为我的编辑器：）只需在控制台中执行文件内容。这并不能解决我的问题。我想创建一个工作流，您可以在其中要求/加载文件，而不必在控制台中复制和粘贴整个代码。这可以工作，但无法动态添加新的js文件。您想做什么？能够在控制台中创建文件并立即使用它们。我在2021年1月尝试了这一方法，对我来说很有用。我想在未来尝试利用ChromeMinder中的断点：浏览器供应商正在实现ecma2015模块加载器，可能类似于

import test from'file://...“

将在几个月后生效，有关更多信息，请参阅：