如何在Chrome DevTools中運行自定義代碼？

Question

我為遠程網站（而不是我的本地主機）打開Chrome DevTools，然后在“來源”下選擇“為工作區添加文件夾”。 在添加的文件夾中，我有幾個.js文件。

當我嘗試從控制台中的一個文件執行一個函數時，例如。 函數“myMethod”，我得到“Uncaught ReferenceError：myMethod未定義”。

如何與已經加載到瀏覽器中的代碼文件並排運行我自己的代碼文件？

Answer 1

將文件夾添加到Chrome Devtools允許您從chrome編輯文件，但它根本不包含在當前網頁中。 為此，您必須實際將代碼粘貼到控制台中，或者附加引用該文件的新腳本節點。 但這與Chrome Devtools無關。

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

（將myfile.js替換為PC上文件的完整路徑）