如何在 Chrome DevTools 中 运行 我的自定义代码?

How do I run my custom code in Chrome DevTools?

我为远程网站(不是我的本地主机)打开 Chrome DevTools 并在 "Sources" 下 select "Add folder for workspace"。在添加的文件夹中,我有一些.js 文件。

当我尝试从控制台中的文件之一执行功能时,例如。函数 "myMethod",我得到 "Uncaught ReferenceError: myMethod is not defined".

如何 运行 我自己的代码文件与已经加载到浏览器中的代码文件并排显示?

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

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

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