トレース実行タブ

すべて展開 Ctrl+NumPad +

このボタンをクリックすると、リスト内のすべてのノードが展開されます。

すべて折りたたむ Ctrl+NumPad -

このボタンをクリックすると、リスト内のすべてのノードが折りたたまれます。

スタックトレースの上へ

このボタンをクリックすると、スタックトレース内の前のトレースページに移動します。

スタックトレースの下へ

このボタンをクリックすると、スタックトレース内の次のトレースページに移動します。

シングルクリックで移動

このトグルボタンを押すと、 イベント ペインのリストが エディター と自動的に同期します。

• ボタンを押すと、 イベント ペインでイベントをクリックすると、そのイベントの詳細が イベントスタック ペインに表示され、イベントによって呼び出されたスクリプトがエディターで自動的に開きます。

  自動スクロールしてトレース モードをオンにして イベントスタック を移動すると、対応するファイルもエディターで自動的に開き、呼び出し機能がハイライトされます。

• ボタンが離されると、イベントによって呼び出されるスクリプトは、 イベントスタック ペインでイベントをダブルクリックしたときにのみエディターで開きます。

キャプチャーイベント

このボタンをクリックすると、キャプチャーされ、 イベント リストに表示されるイベントの範囲を設定します。

デフォルトでは、実行構成で URL アドレスを明示的に指定しない限り、Spy-js は開いているすべての Web ページ上のすべてのイベントをキャプチャーします（https セキュア Web サイトを除く）。 キャプチャーされたすべてのイベントは、 Spy-js ツールウィンドウの イベント ペインに表示されます。 ユーザー定義のイベントフィルターを適用することで、特定の種類のイベントのキャプチャーを抑制できます。 をクリックすると、使用可能なすべてのフィルターがリストに表示され、現在適用されているフィルターにはチェックマークが付けられます。 デフォルトでは、 すべてをキャプチャー 事前定義フィルターが適用されます。 アプリケーションを停止せずにイベントのキャプチャーを停止するには、 すべてミュート を選択します。 詳細については、 イベントキャプチャーポリシーの構成を参照してください。

カスタムイベントフィルターを定義するには:

1. をクリックし、一覧から キャプチャー除外の編集 を選択します。

2. 開いた Spy-js 除外ルールダイアログで、左側のペインで 追加 をクリックします。

3. 右側のペインで、 除外名 フィールドにフィルター名を指定し、除外ルールのリストを構成します。

   • ルールを追加するには、 をクリックすると、 除外条件を追加 ダイアログが開きます。 値 / パターン フィールドにパターンを入力し、 条件タイプ リストで、パターンをイベントタイプまたはスクリプト名のどちらに適用するかを指定します。 グロブパターンマッチング(英語)が使用されることに注意してください。 OK をクリックすると、PhpStorm は Spy-js キャプチャーの除外ダイアログ へ移動します。

   • ルールを編集するには、リストでルールを選択し、 をクリックして、開いたダイアログでルールを更新します。 ルールを削除するには、リストで選択して をクリックします。

フィルターを有効にするには、リストで必要なフィルターの横にあるチェックボックスをオンにします。

このボタンをクリックして、トレースからすべてまたは一部のイベントを削除し、対応するトレースファイルをエディターで閉じます。 表示されるリストから次のオプションのいずれかを選択します。

• すべて除去: エディターでトレースファイルを閉じずに、キャプチャーされたすべてのイベントのトレースをキャンセルするには、このオプションを選択します。

• すべてのトレースファイルを閉じる: このオプションを選択すると、エディター内のすべてのトレースファイルが閉じられますが、対応するイベントをトレースし続けます。 イベントまたはスクリプトをトレースから削除し、エディターで対応するトレースファイルを閉じるには、イベントまたはスクリプトのコンテキストメニューから 削除 を選択します。

• 非アクティブなものをすべて削除: アクティブになっていないページのすべてのノードを削除するには、このオプションを選択します（たとえば、ページがブラウザーで閉じられたため）。

• トレースを保存: 現在のセッションのイメージを保存するには、このオプションを選択します。 Spy-js は zip アーカイブに圧縮できる .json ファイルにトレースセッションの呼び出しとプロパティを格納します。 トレースセッションイメージを Spy-js にロードするために、いつでも抽出できます。

• ロードトレース: トレースセッションの以前に保存したイメージを Spy-js にロードするには、このオプションを選択します。 そのセッションの呼び出しとプロパティを格納する .json ファイルが抽出されインポートされます。

  実際にスクリプトが実行されないため、ロードされたイメージはセッションを復元しないことに注意してください。 以前に実行されたコードのフローとプロパティを分析するだけで済みます。

• セッション停止時にすべてのトレースファイルを閉じる: 標準の shutdown スクリプトを使用してトレースセッションを外部で停止するには、 停止 ボタン をクリックしたときにエディター内のすべてのトレースファイルを閉じます。

  ボタンをクリックすると ソフトキルが実行され、アプリケーションは SIGINT イベントを受信して正常終了を行えます（Windows では Ctrl＋C イベントがエミュレートされます）。 ボタンをクリックすると に切り替わり、その後クリックするとアプリケーションが強制終了されます。例えば、Unix では SIGKILL が送信されます。

• Spy-js 自動補完と拡大鏡を有効にする: このオプションを選択すると、基本補完リストがランタイムデータで拡張され（Spy-js 自動補完 ）、実際にデバッグセッションを実行せずに式を評価することができます（Spy-js 拡大鏡）。 デフォルトでは、機能は無効になっています。

  Spy-js 自動補完という用語は、ランタイムデータから取得した提案を使用して 基本補完リストを拡張することを意味します。 Spy-js 自動補完機能は、すでに実行されているコードの ソースファイルから利用できます （対応するトレースファイルで緑色でハイライトされています）。

  ソースファイル内のシンボルにキャレットを置き、 Ctrl+Space を押すと、 Spy-js はブラウザーまたは実行中の Node.js アプリケーションからデータを取得し、次のルールに従って基本的な補完リストとマージします。

  オブジェクトが基本補完リストにもランタイムからも取得されている場合、パラメーターや属性、その型など、より多くの情報を提供するバリアントが残ります。 リストに残ります。

  Spy-js 拡大鏡という用語は、実際にデバッグセッションを実行せずに 式を評価することを意味します。 式をクリックするか、式にキャレットを置いて Ctrl+Alt+F8 を押すと、式に式の値を示すツールチップが表示されます。 Spy-js が複数の値を取得する場合は、ツールヒントの アイコンをクリックして値のリストを展開します。

  拡大機能は、実行済みコードと未実行コードの両方の ソースファイルから利用できます。

• Spy-js は ソースマップに対応しており、 イベントスタック ペインから直接 ECMAScript 6、 TypeScript または CoffeeScript の元のソースコードにジャンプし、どのコード箇所が実行されたかを確認できます。 以下のオプションでソースマップの扱いを設定します：

  • ソースマップ検索を有効にする: このオプションを選択すると、コンパイル中に生成されたソースマップを使用して ECMAScript 6、 TypeScript、 CoffeeScript のソースコードに移動できます。

  • ソースマップの生成を有効にする: インストルメント済みコードをマップするためのすべてのソースマップを生成するには、このオプションを選択します。 Chrome 開発ツールまたは FireFox FireBug 開発ツールで元のコードをデバッグする場合は、このオプションを選択してください。

  • 利用可能な場合は常にソースマップされたトレースを開く: このオプションを選択すると、イベントからその呼び出し元へのナビゲーションを呼び出したときに Spy-js が マップされたトレースファイルを開こうとします。