2016-06-20 24 views
0

私はページindex.htmlを持っています。このページのDOMツリーと、このページからのjavascriptコンソール出力だけを見たいと思います。現在、Atom Editor全体でDOMツリー([表示]> [開発者]> [開発者ツールを切り替える])が表示されていますが、タイプブラウザのプラグインを使用して<オブジェクトまでドリルダウンできます。私のページ、例えばSVG。私がconsole.log( 'whatever')と入力すると、コンソールには何も表示されません。再び、Atomはindex.htmlをロードするのではなく、Atom Editorをロードしてログにフォーカスしているようです。AtomエディタにはJavaScriptコンソールとDOMツリーがありますか?

このテキストエディタをクライアントから使用するように求められていますが、これらの機能が動作していなければ、どのように使用できるのかわかりません。彼らは利用可能でどこにいるのか誰にでも知っていますか?

おかげで エマ

+0

通常、ウェブページをテストする場合は、テキストエディタではなくウェブブラウザを使用します。 – Quentin

+0

ありがとうございます。 Chromeを使用してローカルでこれを行うと、CSVとXMLデータを読み込む際に「クロスソース要求」エラーが発生します。私は学生にデモンストレーションしようとしています。小さなコードごとにサーバーにロードしたくない場合 – emma

+0

ローカルサーバーを実行します。 – Quentin

答えて

-1

アトムは、ブラウザでファイルを開いて、そこにそれをテストする必要がありますDOMツリーを見るために、WYSIWYGエディタではありません。または、おそらくこのプラグインhttps://atom.io/packages/atom-html-previewを使用することができます。 DOMツリーにアクセスできるかどうかはわかりません。あなたはそれを試す必要があります。

関連する問題