Windows： CTRL - SHIFT - J OR F12
マック： ⌥ - ⌘ - J
レンチメニュー（[ツール]> [JavaScriptコンソール]）からも使用できます。
これをあなたのソースに追加してみてください。
debugger;
すべてのブラウザではありませんが、ほとんどのブラウザで動作します。コードのどこかに配置するだけで、ブレークポイントのように機能します。
WindowsとLinux
Ctrl + Shift + I 開発者ツールを開くためのキー
Ctrl + Shift + J 開発者ツールを開いてコンソールにフォーカスを移動する。
Ctrl + Shift + C 要素の検査モードを切り替えます。
マック：
⌥ + ⌘ + I 開発者ツールを開くためのキー
⌥ + ⌘ + J 開発者ツールを開いてコンソールにフォーカスを移動する。
⌥ + ⌘ + C 要素の検査モードを切り替えます。
を押す F12 Chromeブラウザのファンクションキーを押してJavaScriptデバッガを起動し、[スクリプト]をクリックします。
一番上のJavaScriptファイルを選択して、JavaScriptコードのデバッガーにブレークポイントを置きます。
Ctrl + Shift + J 開発者ツールを開きます。
Mac上のChrome 8.0.552では、これをメニューの下に見つけることができます表示/開発者/JavaScriptコンソール ...またはあなたが使用することができます Alt+CMD+J。
ここには、開発者ツールにアクセスするためのショートカットがあります。
Shift + Control + I 開発者ツールウィンドウを開きます。左下の2番目の画像から（これは次のようになります）、コンソールを開いたり隠したりします。
専用の「コンソール」パネルを開くには、次のいずれかを行います。
- キーボードショートカットを使用する
- WindowsおよびLinuxの場合 Ctrl + Shift + J
- Macの場合 Cmd + Option + J
- Chromeメニューアイコンを選択し、メニュー - >その他のツール - >JavaScriptコンソール Chromeデベロッパーツールが既に開いている場合は、[コンソール]タブを
pressname__使用してください。
こちら を参照してください
Macユーザーの場合は、Google Chrome - >メニュー 表示 - > 開発者 - > JavaScriptコンソール にアクセスします。
今グーグルクロムは新機能を紹介しています。この機能を使用することであなたはクロムブラウズであなたのコードを編集することができます。 （コード位置の恒久的な変更）
そのためには、F12キー - > [ソース]タブ - （右側） - > [ファイルシステム]を押してください - コードの場所を選択してください。それからクロムブラウザはあなたに許可を求めます、そしてそのコードの後に緑色で沈むでしょう。そして、あなたはあなたのコードを修正することができます、そしてそれはあなたのコードの場所にも反映されます（それはそれが永久的に変わることを意味します）
ありがとう
私がJavaScriptデバッガに到達するために見つけた最も効率的な方法はこれを実行することです：
chrome://inspect