Experimental: This is an experimental technology
Check the Browser compatibility table carefully before using this in production.

The illuminance property of the AmbientLightSensor interface returns the current light level in lux of the ambient light level around the hosting device.

If a feature policy blocks use of a feature it is because your code is inconsistent with the policies set on your server. This is not something that would ever be shown to a user. The Feature-Policy HTTP header article contains implementation instructions.


A Number indicating the current light level in lux.


if ("AmbientLightSensor" in window) {
  const sensor = new AmbientLightSensor();
  sensor.addEventListener("reading", (event) => {
    console.log("Current light level:", sensor.illuminance);
  sensor.addEventListener("error", (event) => {
    console.log(, event.error.message);


Ambient Light Sensor
# ambient-light-sensor-reading-attribute

Browser compatibility

BCD tables only load in the browser