@BUN に Craft CMS のテンプレートデバッグ用に Ray を教えてもらった。

Understand and fix bugs faster using Ray - Ray
https://myray.app/

Craft CMS に限らず色々使えるらしい。

https://spatie.be/docs/ray/v1/...

ブラウザのコンソールを別アプリでみる感じ、と教えてもらったが確かにそんな感じ。

アプリのインストール

アプリをサイトからダウンロードしてインストール。

最初の起動画面。

Craft CMS 用プラグインのインストール

Craft CMS 用にプラグインを入れておく。

Ray
https://plugins.craftcms.com/c...

インストールして設定は特にいじらず。

リモートサーバーの設定追加

とりあえず、ローカル環境ではなく開発サーバーで直接触っている物を確認してみる。

右上の所からサーバーを追加する。

設定情報

Debug 内容の確認

これで、CMSのテンプレートにdumpする物をいれると内容を確認できる。

試しに以下を入れると

テンプレートを編集したページを開くとこんなかんじで、 Ray 側に表示されている。

どのテンプレートかもわかる。
これは便利だ。

管理画面用のテンプレートで以下のようにして、詳細画面を開くと

こんな感じで中身を確認できる。

いやー、これは便利だ。さすが安定の @BUN 。
一家に一台 BUUUUUN.