2015-01-15 17 views
5

クローム開発ツールコンソールのローカルワークスペースで新しく作成したJavaScriptファイルを実行することはできますか?クロム開発ツールのワークスペースからjavascriptファイルを実行

私が達成しようとしているワークフローは、この画像に示したものである:

enter image description here

私が実行し、私のワークスペースに新しいファイルを作成することができるようにしたい(または必要とするか、または何でも)そのファイルをクローム開発者コンソールで使用することができます。

私が正しい場合、これはウェブページのコンテキスト内でスクリプトを実行し、メソッドと変数をウィンドウオブジェクトに追加することを意味しますか?

これらの方法が可能ですか?

+0

ブラウザでテストしたいので真の答えではありませんが、javascriptコードを単純にテストできるようにするには、実際にNode.jsを使用してブラウザ外で実行し、単体テストでそれを出します。 – Gimby

+0

デベロッパーツールをエディターとして使用したいので、実際にはオプションではありません:) – arnoutaertgeerts

+0

コンソールでファイルの内容を実行するだけです。 –

答えて

0

ページに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ファイルをロードするために、コンソールからそのメソッドを使用することができます。

は、たとえば次のようなメソッドを持っていた場合。

+0

このコードでは、次のエラーが表示されます。load( 'C:¥Users¥u0098668¥Documents¥Projects/local-folder/test.js')ローカルリソースを読み込むことができません:file:/// C:/ Users%C2 %98668DocumentsProjects/local-folder/test.js。ファイル名のためにワークスペース内の現在のフォルダをチェックすることは可能でしょうか? – arnoutaertgeerts

+0

jsファイルへのパスとして "file:/// C:/Users/u0098668/Documents/Projects/local-folder/test.js"を試してみてください。 –

+0

または、あなたのウェブページと同じ場所にファイルを置いて、ファイルに相対パスを使用できるようにしてください。パスにC:を入れてください。 –

-1

スクリプトタグのjavascriptファイルで、このようなプレーンなHTMLファイルを作成できます。

enter image description here

その後、デベロッパーコンソール内のすべてのあなたの方法を得ることができる必要があります。

+0

これは動作しますが、新しいjsファイルを動的に追加することはできません – arnoutaertgeerts

+0

なぜそれをしたいですか? –

+0

コンソールにファイルを作成してすぐに使用できるようにする。 – arnoutaertgeerts

3

DOMコンテキストにローカルファイルを自動的に追加する方法が見つかりませんでした。私がこれまでに見つかった最適なソリューション:

  • ローカルワークスペースを開き、右のファイル
  • Ctrlキーを押しながら(すべて選択)
  • 押しCTRL +シフト+ E(代替:マウスの右ボタンでクリック

これはコピー&の貼り付けよりもはるかに優れていませんが、いくつかのキーの押下/マウスのクリックはできません。

+0

今後の予定:ブラウザーのベンダーはecma2015モジュールローダーを実装しています。例えば、 'file:// ... 'からの' import test'のようなものが数か月後に動作します。https:// developer.mozilla.org/de/docs/Web/JavaScript/Reference/Statements/import – Trendfischer

関連する問題