このページは Cloud Translation API によって翻訳されました。

メモリパネルの概要

Dale St. Marthe

[メモリ] パネルには、JavaScript オブジェクトのメモリ分布の確認、メモリリークの検出と隔離、関数別のメモリ割り当ての内訳の表示などを行う診断ツールが用意されています。

概要

[Memory] パネルでは、3 種類のプロファイルをキャプチャできます。次のプロファイルタイプは、さまざまな視点からのスナップショットを表示し、さまざまな有用性を提供します。

ヒープスナップショット。ヒープスナップショットには、ページの JavaScript オブジェクトと関連する DOM ノードのメモリ分布が表示されます。
タイムラインでの割り当ての計測。割り当てタイムラインには、計測された JavaScript メモリ割り当ての推移が表示されます。プロファイルの録画後に時間間隔を選択して、プロファイル内に割り当てられ、録画が終了するまでに継続しているオブジェクトを表示できます。このプロファイルタイプを使用してメモリリークを隔離します。
割り当てのサンプリング。サンプリングメソッドを使用してメモリ割り当てを記録します。このプロファイルタイプはパフォーマンスのオーバーヘッドが最小限で、長時間実行オペレーションに使用できます。JavaScript 実行スタックごとに分類された割り当てのおおよその値がわかります。

JavaScript VM インスタンスを選択して、これらの各プロファイルを実行できます。

詳しくは、次をご覧ください。

[メモリ] パネルを開くには:

DevTools を開きます。
次のコマンドを実行して、コマンドメニューを開きます。
- macOS: Command+Shift+P
- Windows、Linux、ChromeOS: Ctrl+Shift+P
「memory」と入力し、[メモリを表示] を選択して、Enter キーを押します。DevTools ウィンドウの上部に [Memory] パネルが表示されます。

または、次の方法で [Memory] パネルを開くこともできます。