shopify liquidで変数の値を開発環境にだけ表示にして作業する方法

やることは簡単なのですが、毎回style文とか作るのが面倒なのでコピペ用に記事を書きます。

やりたいこと

shopifyを改修する際に本番環境のテーマを直接いじらなければならないことがあり、変数の値など確認する際に画面に表示させずにコードの解析を行いたかった。

解決策

HTMLタグに非表示のstyleを追加して、閲覧しにきた人にバレないようにしたいと思います。

<p style=”display:none”>{{ 見たい変数 }}</p>

styleでdisplay : none を指定するだけですが、他にやり方をしらないのでこれで乗り切りたいと思います。

※ コメントをいただき教えていただいたのですがソースには全部表示されてしまうので（確かに）個人情報などをあげてしまうのは危険です。確認を終えたら速やかに消した方が良さそうです。