从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 文件。