从chrome开发人员工具中的工作区运行javascript文件

Question

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

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

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

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

他们可以这样做吗？

Answer 1

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

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

嗯，这并不比复制和粘贴好多了，但只需点击几下按键/鼠标点击。

Answer 2

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

例如，如果您有这样的方法：

function loadJs(filename) {
	var tag=document.createElement('script');
	tag.setAttribute("type","text/javascript");
	tag.setAttribute("src", filename);
	document.getElementsByTagName("head")[0].appendChild(tag);
}

然后您可以从控制台使用该方法加载您的javascript文件。

Answer 3

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

然后你应该能够在开发者控制台中获得所有方法。