「何について調べますか?」 → 「お前を消す方法」

Running in emulator mode. Do not use with production credentials.

Firebase のローカルエミュレータ環境で開発中、Authentication により上記ワーニングが画面上に表示されます。

わかった、もう十分わかったよ。UI の確認をしたいのにお前が邪魔だよと感じた時の対応方法です。

CSS で display: none; するのが簡単

色々方法はあるでしょうが、CSS で display: none; するのが最も簡単だと思います。

デベロッパーツールを開いて問題の要素を見てみましょう。以下が見つかります。

<div
  class="firebase-emulator-warning"
  style="position: fixed; width: 100%; background-color: rgb(255, 255, 255); border: 0.1em solid rgb(0, 0, 0); color: rgb(181, 0, 0); bottom: 0px; left: 0px; margin: 0px; z-index: 10000; text-align: center;"
>
  Running in emulator mode. Do not use with production credentials.
</div>

z-index: 10000; という自己主張の強さですよ。

ということで大人しく消えてもらいましょう。グローバルな CSS などに以下を記載。

.firebase-emulator-warning {
  display: none;
}

グッバイ ✋