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

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 版 ChromeEdge MobileAndroid 版 FirefoxAndroid 版 OperaiOSのSafariSamsung Internet
基本対応
実験的非標準
Chrome 未対応 なしEdge 完全対応 ありFirefox 完全対応 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 未対応 なしEdge Mobile 完全対応 あり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 完全対応 ありFirefox 完全対応 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 未対応 なしEdge Mobile 完全対応 あり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 ?

凡例

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

関連情報

ドキュメントのタグと貢献者

このページの貢献者: mfuji09, yyss, dskmori, YuichiNukiyama, fscholz
最終更新者: mfuji09,