DeviceLightEvent

これは実験的な機能です。本番で使用する前にブラウザー実装状況をチェックしてください。

DeviceLightEvent は、端末付近の環境光のレベルについての情報を、写真センサーやそれと類似した検知機を通してウェブ開発者に提供します。たとえば、このイベントは、エネルギーを節約したり、より良い視認性を提供したりするために、現在の環境光のレベルに応じて画面の明るさを調節するのに役立ちます。

プロパティ

DeviceLightEvent.value
ルクスで表した環境光のレベル

window.addEventListener('devicelight', function(event) {
  console.log(event.value);
});

仕様書

仕様書 状態 備考
Ambient Light Sensor
Ambient Light Events の定義
勧告候補 初回定義

ブラウザーの対応

Update compatibility data on GitHub
デスクトップモバイル
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewAndroid 版 ChromeAndroid 版 FirefoxAndroid 版 OperaiOSのSafariSamsung Internet
DeviceLightEvent
実験的非標準
Chrome 未対応 なしEdge 未対応 ≤18 — 79Firefox 完全対応 62
補足 無効
完全対応 62
補足 無効
補足 See bug 1462308.
無効 From version 62: this feature is behind the device.sensors.ambientLight.enabled preference (needs to be set to true). To change preferences in Firefox, visit about:config.
未対応 22 — 61
補足
補足 Not supported for MacBook with Touch Bar and Windows 7 (see bug 754199).
IE 未対応 なしOpera 未対応 なしSafari 未対応 なしWebView Android 未対応 なしChrome Android 未対応 なしFirefox Android 完全対応 62
補足 無効
完全対応 62
補足 無効
補足 See bug 1462308.
無効 From version 62: this feature is behind the device.sensors.ambientLight.enabled preference (needs to be set to true). To change preferences in Firefox, visit about:config.
未対応 15 — 61
Opera Android 未対応 なしSafari iOS 未対応 なしSamsung Internet Android 未対応 なし
value
実験的非標準
Chrome 未対応 なしEdge 未対応 13 — 79Firefox 完全対応 62
補足 無効
完全対応 62
補足 無効
補足 See bug 1462308.
無効 From version 62: this feature is behind the device.sensors.ambientLight.enabled preference (needs to be set to true). To change preferences in Firefox, visit about:config.
未対応 22 — 61
補足
補足 Not supported for MacBook with Touch Bar and Windows 7 (see bug 754199).
IE 未対応 なしOpera 未対応 なしSafari 未対応 なしWebView Android 未対応 なしChrome Android 未対応 なしFirefox Android 完全対応 62
補足 無効
完全対応 62
補足 無効
補足 See bug 1462308.
無効 From version 62: this feature is behind the device.sensors.ambientLight.enabled preference (needs to be set to true). To change preferences in Firefox, visit about:config.
未対応 15 — 61
Opera Android 未対応 なしSafari iOS 未対応 なしSamsung Internet Android 未対応 なし

凡例

完全対応  
完全対応
未対応  
未対応
実験的。動作が変更される可能性があります。
実験的。動作が変更される可能性があります。
非標準。ブラウザー間の互換性が低い可能性があります。
非標準。ブラウザー間の互換性が低い可能性があります。
実装ノートを参照してください。
実装ノートを参照してください。
ユーザーが明示的にこの機能を有効にしなければなりません。
ユーザーが明示的にこの機能を有効にしなければなりません。

関連情報