クローム開発ツールコンソールのローカルワークスペースで新しく作成したJavaScriptファイルを実行することはできますか？クロム開発ツールのワークスペースからjavascriptファイルを実行
私が達成しようとしているワークフローは、この画像に示したものである：
私が実行し、私のワークスペースに新しいファイルを作成することができるようにしたい（または必要とするか、または何でも）そのファイルをクローム開発者コンソールで使用することができます。
私が正しい場合、これはウェブページのコンテキスト内でスクリプトを実行し、メソッドと変数をウィンドウオブジェクトに追加することを意味しますか？
これらの方法が可能ですか？
ページにjavascriptを動的に追加してコンソールから呼び出す方法をページに定義することができます。
function loadJs(filename) {
\t var tag=document.createElement('script');
\t tag.setAttribute("type","text/javascript");
\t tag.setAttribute("src", filename);
\t document.getElementsByTagName("head")[0].appendChild(tag);
}が、あなたはあなたのJavaScriptファイルをロードするために、コンソールからそのメソッドを使用することができます。
は、たとえば次のようなメソッドを持っていた場合。このコードでは、次のエラーが表示されます。load（ 'C：¥Users¥u0098668¥Documents¥Projects/local-folder/test.js'）ローカルリソースを読み込むことができません：file：/// C：/ Users％C2 ％98668DocumentsProjects/local-folder/test.js。ファイル名のためにワークスペース内の現在のフォルダをチェックすることは可能でしょうか？ – arnoutaertgeerts
jsファイルへのパスとして "file：/// C：/Users/u0098668/Documents/Projects/local-folder/test.js"を試してみてください。 –
または、あなたのウェブページと同じ場所にファイルを置いて、ファイルに相対パスを使用できるようにしてください。パスにC：を入れてください。 –
スクリプトタグのjavascriptファイルで、このようなプレーンなHTMLファイルを作成できます。
その後、デベロッパーコンソール内のすべてのあなたの方法を得ることができる必要があります。
これは動作しますが、新しいjsファイルを動的に追加することはできません – arnoutaertgeerts
なぜそれをしたいですか？ –
コンソールにファイルを作成してすぐに使用できるようにする。 – arnoutaertgeerts
DOMコンテキストにローカルファイルを自動的に追加する方法が見つかりませんでした。私がこれまでに見つかった最適なソリューション：
これはコピー&の貼り付けよりもはるかに優れていませんが、いくつかのキーの押下/マウスのクリックはできません。
今後の予定：ブラウザーのベンダーはecma2015モジュールローダーを実装しています。例えば、 'file：// ... 'からの' import test'のようなものが数か月後に動作します。https：// developer.mozilla.org/de/docs/Web/JavaScript/Reference/Statements/import – Trendfischer
ブラウザでテストしたいので真の答えではありませんが、javascriptコードを単純にテストできるようにするには、実際にNode.jsを使用してブラウザ外で実行し、単体テストでそれを出します。 – Gimby
デベロッパーツールをエディターとして使用したいので、実際にはオプションではありません:) – arnoutaertgeerts
コンソールでファイルの内容を実行するだけです。 –