431

Google Chromeを使用しているときに、JavaScriptコードをデバッグしたいと思います。どうやってやるの?

4

15 に答える 15

409

これをソースに追加してみてください:

debugger;

すべてではないにしても、ほとんどのブラウザで動作します。コードのどこかに配置するだけで、ブレークポイントのように機能します。

于 2008-09-15T20:08:09.547 に答える
320

Windows:----CTRLまたはF12SHIFTJ

マック:⌥</kbd>-⌘</kbd>-J

レンチメニュー([ツール]> [JavaScriptコンソール])からも利用できます。

JavaScriptコンソールメニュー

于 2008-09-15T20:08:22.120 に答える
15

Chrome ブラウザーでファンクション キーを押しF12て JavaScript デバッガーを起動し、[スクリプト] をクリックします。

一番上の JavaScript ファイルを選択し、JavaScript コードのデバッガーにブレークポイントを配置します。

于 2012-04-05T07:28:36.410 に答える
11

Ctrl+ Shift+J開発者ツールを開きます。

于 2010-02-27T10:16:44.243 に答える
6

Mac 上の Chrome 8.0.552 では、これはメニューView / Developer / JavaScript ConsoleAlt ... の下にあります。または、 + CMD+を使用できますJ

于 2010-12-03T00:22:41.017 に答える
6

ここに、開発者ツールにアクセスするためのショートカットがあります。

https://developer.chrome.com/devtools/docs/shortcuts

于 2011-04-24T03:47:11.497 に答える
2

専用の「コンソール」パネルを開くには、次のいずれかを行います。

  • キーボード ショートカットを使用する
    • Windows および Linux の場合: Ctrl+ Shift+J
    • Mac の場合: Cmd+ Option+J
  • Chrome メニュー アイコン、メニュー ->その他のツール-> JavaScript コンソールを選択します。または、Chrome デベロッパー ツールが既に開いている場合はpress、[コンソール] タブ。

こちらをご参照ください

于 2015-10-27T11:09:45.113 に答える
2

Shift + Control + I opens the Developer tool window. From bottom-left second image (that looks like the following) will open/hide the console for you:

コンソールを表示

于 2011-11-15T12:16:56.653 に答える
1

Mac ユーザーの場合は、Google Chrome --> menu View --> Developer --> JavaScript Consoleに移動します。

スクリーンショット

于 2015-01-28T23:01:25.163 に答える
0

JavaScriptデバッガーにアクセスするために私が見つけた最も効率的な方法は、これを実行することです:

chrome://inspect

于 2019-02-21T14:27:26.780 に答える
-5

Chrome のコンソールから、次のことができますconsole.log(data_to_be_displayed)

于 2013-04-16T13:19:42.773 に答える