開発者のためのベストプラクティス

レンダラ プラグイン作成のベストプラクティスの詳細について は、このセクションを参照してください。

メモリリークを防止します

データ インスペクターは、デコードおよびレンダリング中にブラウザでメガバイトのデータを使用して操作を実行するので、ガベージコレクタがメモリを適切に消去できるようにすることが重要です。

これは、 DOM エレメントの単純な削除では不十分な単一ページのアプリケーションを作成する場合に特に重要です。 また、イベントリスナーが正しく削除されていることを確認する必要があります。

この目的のために、DataInspectorは、コンポーネントを適切にアンマウントし、イベントリスナーを削除して、メモリリークを防止するために Web ワーカーを終了するdestroy()メソッドを提供します。

したがって、データ インスペクターインスタンスが不要になった場合は destroy() 、 DOM エレメントを削除する前にメソッドを呼び出すことをお勧めします。

dataInspector.destroy().then(() => {
dataInspector = null;
});