? ? ? ? HTML5環境傳感器由[Sensor API](https://dvcs.w3.org/hg/dap/raw-file/tip/sensor-api/Overview.html)描述和定義，包含了6種常見的傳感器類型：  ? ? ??它們分別代表溫度（攝氏度）、氣壓（千帕）、濕度（百分比）、光線（lux ，勒克司）、聲音（分貝）、臨近（厘米）。 ? ? ??HTML5傳感器目前討論的比較多的是DeviceOrientationEvent運動傳感器和方向傳感器，而Sensor API的詳細內容在國內很少有相關的文章提及。下面我對其中的光線傳感器進行一個簡單介紹，讓大家先窺HTML5 Sensor API的一貌。 ? ? ??[光線傳感器規范](#)還是內部討論的W3C工作草案，定義了通過了光線傳感器測量周圍光線水平的方式，包括2個接口，LightLevelEvent提供了簡單的光線級別分類，而DeviceLightEvent接口以[光照度lux](http://baike.baidu.com/view/855640.htm)為單位，描述了環境光線的詳細信息。  不同的光照度 ? ? ??**一、DeviceLightEvent接口** ? ? ??DeviceLightEvent提供了環境光線的精確值，結果以lux（勒克司，為距離一個光強為1cd的光源，在1米處接受的照明強度）為單位。 ? ? ??它包含一個屬性和一個事件： - ? ? ? ? 屬性value - 返回當前環境光線的強度值。 - ? ? ? ? 事件ondevicelight - 如果光線變化，會觸發此事件。 需要注意的是由于檢測方法、傳感器結構的不同，不同的設備在同一環境下的返回值可能有所差異。 **二、LightLevelEvent接口** ? ? ??LightLevelEvent接口提供周圍環境的光線水平分級，主要包括三個范圍的內容：dim-昏暗，normal-正常和bright明亮。其實它相當于一個簡單的判斷，讓開發者可以很方便的區分這三種常見的光線狀態。 ? ? ??它也包含一個屬性和一個事件： - ? ? ? ? 屬性value-返回當前環境光線的強度水平，dim、normal或者bright。 - ? ? ? ? 事件onlightlevel -如果光線水平變化，會觸發此事件。 ? ? ??如何區分昏暗、正常和明亮的光線水平呢？規范定義昏暗是指光照度小于50 lux的環境，正常代表50到10000 lux之間，而明亮則是大于10000 lux。 ? ? ??考慮一下，利用光照傳感器Web App可以實現的有趣功能包括哪些？例如在頁游里可以根據光照度自動變換場景模式、閱讀App可以根據光照度自動變換背景色，進入白天或者夜晚模式…可以預見，在不久的將來，利用這些奇妙的傳感器屬性，Web App的開發者又將實現更多好玩的創意，讓我們的生活更加便利和有趣。  植物大戰僵尸的夜間模式 ? ? ??請注意，Sensor API和DeviceLightEvent定義了瀏覽器的實現形式和開發者的調用形式，但是它們目前僅僅是工作組草案，未來形式和定義有可能隨時發生變化。 ? ? ??相關文章：《[對HTML5 Device API相關規范的解惑](http://blog.csdn.net/hfahe/article/details/7338032)》 ? ? ??《[用HTML5實現手機搖一搖的功能](http://blog.csdn.net/hfahe/article/details/7516317)》 ? ? ??《[百度開發者大會：用HTML5新特性開發移動App](http://blog.csdn.net/hfahe/article/details/7388938)》 ? ? ??原創文章，轉載請標明出處：[蔣宇捷的專欄](http://blog.csdn.net/hfahe)（http://blog.csdn.net/hfahe）