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

How do I run my custom code in Chrome DevTools?

本文关键字：运行 自定义 代码 DevTools Chrome      更新时间：2023-09-26

我打开远程网站（而不是本地主机）的Chrome DevTools，并在"Sources"下选择"Add folder for workspace"。在添加的文件夹中，我有一些.js文件。

当我试图从控制台中的一个文件执行函数时，例如函数"myMethod"，我会得到"UnaughtReferenceError:myMyMethod未定义"。

如何将自己的代码文件与已加载到浏览器中的代码文件并排运行？

在Chrome Devtools中添加文件夹可以编辑Chrome中的文件，但它根本不会将它们包含在当前网页中。要做到这一点，您必须在控制台中实际粘贴代码，或者附加一个引用该文件的新脚本节点。但这与Chrome开发工具无关。

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

（将myfile.js替换为电脑上文件的完整路径）

相关文章：