GoLand 2026.1 Help

JavaScript デバッガーの構成

GoLand は、 クライアントサイド JavaScript コード用の組み込みデバッガーを提供します。 デバッグセッションを開始すると、ビルトインデバッガーが自動的に起動します。

デバッグを確実に行うには、組み込みウェブサーバーポートを指定し、他のデバッガーオプションについては GoLand によって提案されるデフォルト設定をそのまま受け入れるだけで十分です。

始める前に

  1. 設定で JavaScript and TypeScript バンドルプラグインが有効になっていることを確認します。 Ctrl+Alt+S を押して設定を開き、 プラグイン を選択します。 インストール済み タブをクリックします。 検索フィールドに JavaScript and TypeScript と入力します。 プラグインの詳細については、 プラグインの管理を参照してください。

  2. 設定で JavaScript Debugger バンドルプラグインが有効になっていることを確認します。 Ctrl+Alt+S を押して設定を開き、 プラグイン を選択します。 インストール済み タブをクリックします。 検索フィールドに JavaScript デバッガー と入力します。 プラグインの詳細については、 プラグインの管理を参照してください。

組み込みの Web サーバーポートを設定する

GoLand には、Web ブラウザーでアプリケーションのデバッグや、GoLand の内蔵ブラウザーによるコードプレビューに利用できる組み込み Web サーバーがあります。 このサーバーは常に実行されており、手動による構成は必要ありません。 組み込みサーバーで実行されているアプリケーションをデバッグする詳細を参照してください。

  1. Ctrl+Alt+S を押して設定を開き、 ツール | ウェブブラウザーとプレビュー を選択します。

  2. ビルトインサーバー エリアで、組み込み Web サーバーが実行されるポートを指定します。 デフォルトでは、このポートは、GoLand がサービスからの接続を受け入れるデフォルトの GoLand ポート 63342 に設定されています。 ポート番号は 1024 から始まる他の値に設定できます。

    内蔵サーバーポート

デフォルトのデバッガー構成をカスタマイズする

呼び出しを抑制する

  1. Ctrl+Alt+S を押して設定を開き、 ツール | ウェブブラウザーとプレビュー に移動します。

  2. 外部接続を受け入れ可能 または 署名されていない要求を許可する チェックボックスをそれぞれオフにすることで、他のコンピューターや GoLand の外部から組み込みサーバー上のファイルへの呼び出しを抑制します。

    外部からの呼び出しを抑制する

ブレークポイントを削除する方法を選択する

デフォルトでは、マウスの左ボタンをクリックすることでブレークポイントを切り替えることができます。 この動作を変更するには、以下の手順に従います。

  1. Ctrl+Alt+S を押して設定を開き、 ビルド、実行、デプロイ | デバッガー に移動します。

  2. ブレークポイントの除去 領域で、適切なオプションを選択します。

    ブレークポイントを除去する

スキップするスクリプトを指定する

デフォルトでは、デバッガーはライブラリスクリプトにのみステップ実行中には入りません。 抑制リストを拡張するには:

  1. Ctrl+Alt+S を押して設定を開き、 ビルド、実行、デプロイ | デバッガー | ステップ実行中​​ に移動します。

  2. JavaScript エリアで、 スクリプトにステップインしない チェックボックスを選択し、 追加ボタン   と 削除ボタン を使用してスキップする URL アドレスを追加します。

    JavaScript デバッガー: スクリプトをスキップ

拡張オプション

  • Ctrl+Alt+S を押して設定を開き、 ビルド、実行、デプロイ | デバッガー | データビュー に移動します。

    インラインデバッグを有効または無効にしたり、オブジェクトの値や 式の評価結果を含むツールヒントをいつ表示するかを指定したりします。

    JavaScript デバッガー: データビュー
  • Ctrl+Alt+S を押して設定を開き、 ビルド、実行、デプロイ | デバッガー | データビュー | JavaScript に移動します。

    オブジェクトプロパティをオブジェクトノードに表示するかどうかを指定します。 表示する場合は、プロパティを指定します。 プロパティのリストを管理するには、 を使用します。

    JavaScript デバッガー: データビュー

推奨する Chrome ユーザーデータでデバッグセッションを開始する

デバッグセッションが、通常のウィンドウではなく、カスタム Chrome ユーザーデータ(英語)で新しいウィンドウで開始されることに気付くかもしれません。 その結果、ウィンドウの見た目が通常と異なり、たとえばブックマーク、ブラウザー履歴、拡張機能が表示されず、開発エクスペリエンスが損なわれます。 これは、GoLand が Chrome デバッグプロトコルを使用し、Chrome を --remote-debugging-port オプションで実行するために発生します。 ただし、Chrome がすでに起動している場合、同じユーザーデータディレクトリを持つ新規または既存の Chrome インスタンスに対してデバッグポートを開くことができません。 そのため、GoLand は常にカスタムユーザーデータディレクトリを持つ新しいウィンドウでデバッグセッションを開始します。

使い慣れたルックアンドフィールで新しい Chrome インスタンスを開くには、GoLand で Chrome をユーザーデータディレクトリから開始するよう構成してください。

Custom Chrome user data

GoLand で Chrome を設定して、推奨する Chrome ユーザーデータで起動する

  1. お好みの Chrome ユーザーデータ(英語)Chrome のデフォルトのユーザーデータディレクトリ(英語)とは異なる別のカスタムディレクトリ 形式でコンピューターに保存します。

    Chrome 136 以降はデフォルトのユーザーディレクトリでのデバッグをサポートしていないため、お好みのユーザーデータを別のカスタムディレクトリに保存する必要があります。 詳しくは Chrome オフィシャル Web サイト(英語)を参照してください。

  2. Ctrl+Alt+S を押して設定を開き、 ツール | ウェブブラウザーとプレビュー を選択します。

  3. 新しい Chrome 構成を作成するには、 追加 をクリックします。 新しい項目がリストに表示されます。 パス フィールドに、Chrome インストールフォルダーへのパスを指定します。

  4. 新しい構成を選択し、 編集 ボタン (編集) をクリックします。

  5. Chrome 設定 ダイアログで、 カスタムユーザーデータディレクトリを使用する チェックボックスを選択し、優先するユーザーデータを含むカスタムディレクトリへのパスを指定します。

    複数の ユーザーデータプロファイル(英語)がある場合、それぞれが別々のサブディレクトリに保存されます。 プロファイルを使用するには、 コマンドラインオプション フィールドで以下のように指定します。

    --profile-directory="<profile_to_use>"
    カスタムプロファイルサブディレクトリを指定する
  6. Web ブラウザーの説明に従って、Chrome ブラウザー構成を デフォルトに設定します。 ブラウザー リストから必要なブラウザーを 実行/デバッグ構成の作成時に選択するのを忘れないでください。

2026 年 5 月 22 日