作業ウィンドウからデバッガーをアタッチするAttach a debugger from the task pane

Office 2016 for Windows のビルド 77xx.xxxx 以降では、作業ウィンドウからデバッガーをアタッチすることができます。デバッガーのアタッチ機能によって、デバッガーが適切な Internet Explorer プロセスに直接アタッチされます。デバッガーは、Yeoman Generator、Visual Studio Code、node.js、Angular、その他のツールのどれを使用しているかに関係なくアタッチすることができます。In Office 2016 for Windows, Build 77xx.xxxx or later, you can attach the debugger from the task pane. The attach debugger feature will directly attach the debugger to the correct Internet Explorer process for you. You can attach a debugger regardless of whether you are using Yeoman Generator, Visual Studio Code, node.js, Angular, or another tool.

デバッガーのアタッチ ツールを起動するのには、作業ウィンドウの右上隅を選択してパーソナリティ メニューを有効にします (以下の図の赤い円で示す通り)。To launch the Attach Debugger tool, choose the top right corner of the task pane to activate the Personality menu (as shown in the red circle in the following image).

注意

  • 現在サポートされているデバッガー ツールは、Update 3 以降を適用した Visual Studio 2015 だけです。Visual Studio をインストールしていない場合、デバッガーのアタッチ オプションを選択しても何も起こりません。Currently the only supported debugger tool is Visual Studio 2015 with Update 3 or later. If you don't have Visual Studio installed, selecting the Attach Debugger option doesn’t result in any action.
  • [デバッガーのアタッチ] ツールでデバッグできるのは、クライアント側の JavaScript だけです。You can only debug client-side JavaScript with the Attach Debugger tool. Node.js サーバーなど、サーバー側のコードをデバッグするには、多くのオプションがあります。To debug server-side code, such as with a Node.js server, you have many options. Visual Studio Code でデバッグするための詳しい方法については、「VS Code で Node.js をデバッグする」を参照してください。For information on how to debug with Visual Studio Code, see Node.js Debugging in VS Code. Visual Studio Code を使用していない場合は、「Node.js のデバッグ」または「{サーバー名} のデバッグ」で検索してください。If you are not using Visual Studio Code, search for "debug Node.js" or "debug {name-of-server}".

[デバッガーのアタッチ] メニューのスクリーンショット

デバッガーのアタッチ を選択するこれにより、次の図のように、Visual Studio Just-in-Time デバッガー ダイアログ ボックスが起動します。Select Attach Debugger. This launches the Visual Studio Just-in-Time Debugger dialog box, as shown in the following image.

Visual Studio JIT デバッガー ダイアログのスクリーンショット

Visual Studio では、ソリューション エクスプローラー内にコード ファイルが表示されます。In Visual Studio, you will see the code files in Solution Explorer. Visual Studio でデバッグするコードの行にブレークポイントを設定することができます。You can set breakpoints to the line of code you want to debug in Visual Studio.

Visual Studio でのデバッグの詳細については、以下を参照してください。For more information about debugging in Visual Studio, see the following:

関連項目See also