Pixi.js開発用機能拡張には同じ名前の機能拡張が２種類あり、こちらのほうが高機能。
Chrome ウェブストアでの見分け方はDevToolsのTが大文字。

大文字の機能拡張のほうが、より詳細なプロパティの検査と編集や、アセットの中身を確認、パフォーマンスのモニタリングができます。
PixiJS v7, v8 のデバッグをサポート。

まずは機能拡張のインストール

インストールすると、開発者コンソールにPixiJS DevToolsというタブが出現する

パッケージをインストールする場合

TypeScriptのサポートが必要な場合こちらを使う。
プロジェクトに@pixi/devtoolsパッケージをインストールする

npm install @pixi/devtools

Pixi.jsを初期化した後に以下のコードを追加する

import { initDevtools } from "@pixi/devtools"; // ← 追加！

const app = new PIXI.Application(...) // Pixi.jsを初期化

initDevtools({ app }); // ← 追加！

Pixi.jsを初期化した後に以下のコードを追加する

const app = new PIXI.Application(...) // Pixi.jsを初期化

window.__PIXI_DEVTOOLS__ = { app }; // ← 追加！