Chromeメモリチェッカーを使用してメモリリークをトラブルシューティングするには、最初にDevToolsを開き、[メモリ]タブに切り替えます。特定の手順は次のとおりです。1。開発者ツールを開きます（ページを右クリックして「チェック」するか、F12 / CTRL Shift iを押します）。 2。メモリパネルに切り替えます。 3. [スナップショットを取りなさい]をクリックして、メモリスナップショットを取得します。 4.要約や比較などのビューを通じて、オブジェクトの數(shù)とメモリ使用量を分析します。 5.さまざまな時點(diǎn)でスナップショットを比較して、異常な成長を伴うオブジェクトを見つけます。一般的なメモリリークシナリオには、不明確なDOM參照、イベントリスナー、タイマーが含まれます。トラブルシューティング中に、パフォーマンスパネルと閉鎖の使用に関する詳細(xì)な分析を行う必要があります。

Chromeのメモリチェックツールは実際には非常に実用的です。特に、Webページが詰まっている、ゆっくりとロード、またはメモリの漏れが疑われることがわかった場合です。 DevToolsに組み込まれており、使用するにはそれほど複雑ではありません。

メモリ検査官を開くための基本的な手順

Chromeのメモリ分析関數(shù)を使用するには、最初に開発者ツール（DevTools）を開く必要があります。ページを右クリックして「チェック」を選択するか、 F12 / Ctrl Shift I （MacのCmd Option I ）を押すことができます。

次に、メモリチェックのコアインターフェイスであるメモリタブページに切り替えます。

一般的な操作には次のものがあります。

• [スナップショットを取りなさい]をクリックして、現(xiàn)在のメモリのスナップショットを取得します
• 要約、比較、封じ込めなど、さまざまな表示方法を切り替えます
• 違いを比較するためにページを操作した後に別のショットを撮ります

この関數(shù)は、メモリリークとオブジェクトの蓄積の問題を確認(rèn)するために最も一般的に使用されます。

スナップショットを介してメモリの使用を表示する方法

「スナップショットを取る」をクリックした後、Chromeは現(xiàn)在のページのすべてのJSオブジェクトのメモリ使用量を記録します。

スナップショットで見ることができます：

• コンストラクター名
• オブジェクトカウント
• GCルートノードからの距離
• 総予約メモリ（淺い /保持されたサイズ）

コンストラクターの下に多くのオブジェクトがあることがわかった場合、非常に多くのものがあるべきだとは期待していない場合は、メモリリークがあるかもしれません。

例えば：
頻繁にページ上にタイマーを作成しますが、クリアされていません。カスタムクラスの多くのTimeoutやオブジェクトがリサイクルされていないことがあります。

現(xiàn)時點(diǎn)では、イベントリスニングがバインドされているがバインドされていないか、グローバル変數(shù)に保存されていないなど、これらのオブジェクトが誤って保持されているかどうかをクリックしてクリックできます。

メモリの漏れとトラブルシューティングの提案の一般的な現(xiàn)象

いくつかの典型的なメモリリークシナリオは次のとおりです。

• DOM要素が削除された後、それらへの參照がまだあります。
• イベントリスナーは正しく削除されません
• タイマーがクリーニングされていません
• 不適切なキャッシュメカニズムにより、オブジェクトが連続的に蓄積されます

トラブルシューティングの場合、これを行うことができます。

• さまざまな時點(diǎn)で複數(shù)のスナップショットを取り、それらを比較します（比較ビュー）
• コンポーネントを繰り返し開閉するなど、ユーザー操作をシミュレートして、メモリが成長し続けるかどうかを確認(rèn)します
• Heap Profilerツールを使用して、オブジェクトライフサイクルを観察します

特定のタイプのオブジェクトが増加しており、保持されたサイズも大きいことがわかった場合、詳細(xì)に追跡する価値があります。

実際の使用に関するいくつかのヒント

• フィルターを使用したクイックポジショニング：メモリパネルの上部に検索ボックスがあり、キーワードを入力すると、特定のコンストラクターまたはオブジェクトをすばやく見つけることができます。
• パフォーマンスパネルと組み合わせて使用??します。メモリを見るだけでは不十分な場合があり、パフォーマンスツールと組み合わせることで、より完全な実行プロセスとメモリの変更を確認(rèn)できます。
• 閉鎖はメモリに影響を與えることに注意してください。クロージャーは予期しない參照を引き起こす可能性があります。コールバックに殘さないオブジェクトを殘さないように注意してください。

基本的にそれだけです。 Chromeのメモリチェックツールは強(qiáng)力ですが、基本操作をマスターすると多くの問題を解決できます。重要なのは、オブジェクトのライフサイクルと參照関係を理解することです。

以上がChromeの組み込みメモリ検査官の使用方法の詳細(xì)內(nèi)容です。詳細(xì)については、PHP 中國語 Web サイトの他の関連記事を參照してください。