全画面背景&画面テスト

ブラウザー内でローカル実行

単色、グラデーション、画像、モニターテストパターン、穏やかなスクリーンセーバーで画面を埋める

設定

プリセット

ライブプレビュー

1 / 7:スレート

CSS

.fullscreen-background {
  position: fixed;
  inset: 0;
  margin: 0;
  background-color: #1e293b;
}

全画面背景&画面テスト

単色、グラデーション、ローカル画像を全画面表示したり、モニターのテスト画面や穏やかに動くスクリーンセーバーを表示したりできます。

使い方

モードを選んで設定を調整し、「全画面表示」または F キーを押します。矢印キーまたは前へ/次へでプリセットを切り替え、Esc で終了します。コントロールは数秒後に隠れ、ポインター移動、タップ、Tab キーで再表示されます。

画面テストのヒント

ドット抜け、バックライトのムラ、バンディングの確認に使えます。目視用の補助であり、キャリブレーションや認証ではなく、ハードウェアの明るさも変更できません。

制限とプライバシー

全画面はブラウザの Fullscreen API に依存します。ブロックされた場合は、ラベル付きのウィンドウ全体プレビューを使用できます。最大 50 MB・4,000 万画素の画像はメモリ内にのみ保持されます。表示設定はブラウザのストレージに保存される場合があります。

CodingToolが正式に公開されました

Launched on StartupBaseCodingTool.dev - Free, Fast & Easy Developer Tools in One Place | Product HuntCodingTool - Featured on Startup FameFazier badgeListed on Turbo0Featured on Twelve ToolsFeatured on Findly.tools