2016-05-26 6 views
0

コードが.jsファイルである限り、JavaScript開発ツールを使用してJavaScriptコードでブレークポイントを設定する方法を知っています。しかし、コードがHTML文書の<script>タグの内側にある場合は、開発者ツールでコードを見つけてブレークポイントを設定する方法がわかりません。ドキュメント内にあるJavaScriptコードでブレークポイントを設定するにはどうすればよいですか?

+0

スクリプトブロックにデバッガを追加しようとしましたか?私にとって私は "ソース"タブの下にあるコードのいくつかを見ることができます。左側に選択するフォルダツリーがあります – deebs

答えて

1

クロム開発者ツールを開き、Sourcesに移動し、左側でindex.htmlをクリックして<script>タグを見つけ、ブレークポイントを設定します。 enter image description here

+0

私の間違いを見つけました...私のページがあった場所のフォルダを掘り下げなければならなかった。それを開いたときに空白だった。私はコンテンツを見るためにページをリフレッシュしてから、スクリプトを見つけなければなりませんでした – JoelFan

1

開発者ツールの[ソース]タブにあるHTMLドキュメントに移動し、行番号をクリックします。

screenshot of dev tools

+0

スクリプトタブは表示されません。私は要素、コンソール、ソース、ネットワーク、タイムライン、プロファイル、リソース、セキュリティと監査を参照してください。 – JoelFan

+0

私はソースを意味しました。 – Quentin

+0

OK ...階層をドリルダウンしてページを見つけて、それを開いて(空のペインが開きます)、次に更新する必要がありました。 – JoelFan

1

は、あなただけの行番号にブレークポイントを設定したり、ソースコード内で直接debugger;ステートメントを使用し、違いはありません。

関連する問題