外部モニター検出テスト

このテストが読み取るもの

Chromium 系ブラウザはディスプレイについて 2 つの情報を公開しています。1 つは権限不要の真偽値 screen.isExtended、もう 1 つは「ウィンドウ管理」権限を許可すると接続中の各画面の位置・サイズ・倍率・名称を返す getScreenDetails() です。

これらの読み取り値から、上部の判定は 3 つの状況を区別します。ディスプレイが 1 台の場合、複数台でデスクトップを拡張している場合、そして複数台が同じ映像を表示している場合です。

配置図と表には生の値がそのまま出るため、他のサイトがあなたの環境について何を見られるのかを正確に確認できます。

リモート面接の前に

企業から「画面 1 台で面接・アセスメントを受けてください」と言われている場合は、通話の途中で気づく前に、ここで環境を確認しておいてください。

1. 実際に使う予定のブラウザでこのページを開いてください。Chrome での結果は Firefox について何も語りません。
2. 配置全体を読み取れるように一度だけ権限を許可し、判定を確認します。
3. 拡張と表示された場合は 2 台目のモニターを外すか、外部ディスプレイで作業しているならノートパソコンの蓋を閉じてください。
4. 判定がディスプレイ 1 台に変わるのを確認します。ページはリアルタイムに更新されるため、ケーブルを抜きながら再読み込みなしで確認できます。
5. 何が「もう 1 台」に数えられるかにご注意を。ドッキングステーション、USB-C ハブ、サブディスプレイとして使っているタブレット、HDMI につないだままのテレビは、いずれも追加のディスプレイです。

これらを行っても監督システムに合格するわけではありません。そのシステムが何を読み取るかが分かるだけです。

ページに分かること・分からないこと

権限がなければ、サイトが知り得るのは 1 ビットだけです。デスクトップが複数の画面にまたがっているかどうか。何台あるか、どれくらいの大きさか、どんな機種かは分かりません。

「ウィンドウ管理」権限が許可されると、各画面のピクセルサイズ、仮想デスクトップ上の位置、拡大率、色深度、内蔵か主ディスプレイか、そして一部のシステムではメーカー名も読み取れます。

画面に何が映っているかを公開する API は存在しません。ページはあなたのウィンドウも、他のタブも、2 台目のモニターの内容も見られません。画面共有は別の権限で、常に目に見えるインジケーターが表示されます。

Chrome はサイトごとに選択を記憶します。アドレスバー左側のアイコンから取り消せます。

判定の導き方

拡張 — 2 台以上の画面が報告され、それぞれがデスクトップ座標空間の別々の位置にある状態。

ミラーリング — 2 台以上の画面が完全に同一の位置とサイズで報告される状態。これを生むのはミラーリングだけで、拡張された画面が完全に重なることはありません。

混在 — 3 台以上の画面のうち、1 組が互いをミラーリングし、別の 1 台がデスクトップを拡張している状態。

このテストで見えないもの

ミラーリングを検出できるのは、OS が各パネルを個別にブラウザへ渡す場合だけです。macOS は Chrome が見る前にミラーリングされた組を 1 つの論理画面へ統合するため、ミラーリング中の MacBook はディスプレイ 1 台として報告されます。

macOS で判定がディスプレイ 1 台になった場合は、「1 台、またはミラーリングされた組」と読んでください。どのブラウザ API でもこの 2 つは区別できません。Windows と大半の Linux 環境は複製パネルを個別に報告するので、そちらはここで検出できます。

グラフィックスカードより後段に置かれたキャプチャーカード、映像分配器、HDMI ダミープラグは、どのブラウザ API からも見えません。一方、リモートデスクトップやタブレットを画面として使うソフトが作る仮想ディスプレイは、通常の追加画面として現れるのが普通です。

動作条件

画面数を超える詳細には「ウィンドウ管理」権限、バージョン 100 以降の Chromium 系ブラウザ、そして安全なオリジン（https:// または http://localhost）が必要です。

Firefox と Safari はどちらの読み取りも実装していないため、そこでの判定は画面数ではなく非対応になります。監督ページもそれらのブラウザではこの検査を実行できません。

すべてリアルタイムに更新されます。モニターを接続する、ミラーリングに切り替える、このウィンドウを別の画面へドラッグする——いずれもページが追随します。