javascript - 如何在 Chrome DevTools 中运行自定义代码？

Question

我为远程网站(不是我的本地主机)打开 Chrome DevTools，然后在“源”下选择“为工作区添加文件夹”。在添加的文件夹中，我有一些 .js 文件。

当我尝试从控制台中的文件之一执行函数时，例如。函数“myMethod”，我得到“Uncaught ReferenceError: myMethod is not defined”。

如何同时运行我自己的代码文件和已加载到浏览器中的代码文件？

Answer 1

将文件夹添加到 Chrome Devtools 允许您从 chrome 编辑文件，但它根本不会将它们包含到当前网页中。为此，您必须实际将代码粘贴到控制台中，或者附加一个引用该文件的新脚本节点。但这与 Chrome Devtools 无关。

document.body.appendChild((s=document.createElement('script'),s.src='myfile.js',s));

(将 myfile.js 替换为您电脑上文件的完整路径)