---
title: ブレークポイントを設置する
slug: Tools/Debugger/How_to/Set_a_breakpoint
tags:
  - JavaScript
  - Tools
translation_of: Tools/Debugger/How_to/Set_a_breakpoint
---
<p>{{ToolsSidebar}}</p>

<p>以下のいずれかの方法で、ブレークポイントを設置できます:</p>

<ul>
 <li><a href="/ja/docs/Tools/Debugger/UI_Tour#Source_pane">ソースペイン</a> で、停止したい行の行番号をクリックします。</li>
 <li><a href="/ja/docs/Tools/Debugger/UI_Tour#Source_pane">ソースペイン</a> で、停止したい行でコンテキストメニューを開いて [ブレークポイントを追加] を選択します。</li>
 <li><a href="/ja/docs/Tools/Debugger/UI_Tour#Source_pane">ソースペイン</a> で、ブレークポイントを設置したい行をハイライトして <kbd>Ctrl</kbd>+<kbd>B</kbd> (Windows/Linux) または <kbd>Command</kbd>+<kbd>B</kbd> (Mac OS X) を押下します。</li>
</ul>

<p>以下の動画は、コンテキストメニューを使用してブレークポイントを設置しています:</p>

<p>{{EmbedYouTube("P7b98lEijF0")}}</p>

<p>それぞれのブレークポイントは、デバッガー内の 2 か所に表示します:</p>

<ul>
 <li><a href="/ja/docs/Tools/Debugger/UI_Tour#Breakpoints_list">ブレークポイント一覧</a> で、ブレークポイントのファイル名や行番号を表示</li>
 <li><a href="/ja/docs/Tools/Debugger/UI_Tour#Source_pane">ソースペイン</a> で行に青色の矢印を表示、または <a href="/ja/docs/Tools/Debugger/How_to/Set_a_conditional_breakpoint">条件付き</a> ブレークポイントであれば橙色の矢印を表示</li>
</ul>