极简速度计：一款基于Web API的PWA应用

极简速度计：一款基于Web API的PWA应用

speedometer-pwa A tiny no-frills speedometer progressive web app based on Geolocation API, AmbientLightSensor API, and WakeLock API. 项目地址: https://gitcode.com/gh_mirrors/sp/speedometer-pwa

项目介绍

speedometer-pwa 是一款极简的速度计渐进式Web应用（PWA），基于Geolocation API、AmbientLightSensor API和WakeLock API开发。这款应用专为那些需要临时替代传统速度计的用户设计，例如作者本人，因为他的2005年普锐斯汽车的组合仪表出现了故障。通过这款应用，用户可以在手机上实时查看车速，并且应用还具备夜间模式和屏幕锁定功能，确保在各种驾驶环境下都能提供良好的使用体验。

项目技术分析

Geolocation API

应用的核心功能是利用Geolocation API获取设备的速度信息。Geolocation API的Position接口中的Coordinates对象包含了一个speed属性，该属性表示设备的速度（以米/秒为单位）。在Android上的Chrome浏览器中，这一属性的获取非常高效，只需进行简单的数学转换即可得到mph或kmh的速度值。

AmbientLightSensor API

为了提升夜间驾驶的体验，应用集成了AmbientLightSensor API，自动切换到夜间模式。这一功能在Chrome for Android上需要启用“Generic Sensor extra classes”标志。

WakeLock API

WakeLock API的引入确保了屏幕不会进入省电模式或关闭状态，这对于长时间使用速度计的用户来说尤为重要。需要注意的是，WakeLock API在Chrome for Android上需要M71版本及以上。

项目及技术应用场景

speedometer-pwa 适用于以下场景：

• 临时替代传统速度计：当车辆的仪表出现故障时，用户可以通过手机上的这款应用来查看实时车速。
• 夜间驾驶：应用的夜间模式可以根据环境光线自动调整，确保在黑暗环境下也能清晰查看速度信息。
• 长时间使用：WakeLock API确保屏幕不会自动关闭，适合需要长时间查看速度的用户。

项目特点

1. 极简设计：应用界面简洁，操作直观，用户可以快速上手。
2. 高效性能：基于Web API的实现方式使得应用响应迅速，数据更新实时。
3. 自动夜间模式：AmbientLightSensor API的集成使得应用能够根据环境光线自动切换到夜间模式，提升夜间驾驶的安全性。
4. 屏幕锁定：WakeLock API确保屏幕不会进入省电模式，适合长时间使用。
5. 轻量级：应用经过压缩后仅有1.7K gzip大小，加载速度快，占用资源少。

结语

speedometer-pwa 是一款功能强大且易于使用的速度计PWA应用，特别适合那些需要临时替代传统速度计的用户。无论是白天还是夜晚，这款应用都能提供稳定、可靠的速度信息，确保驾驶安全。如果你正在寻找一款简单、高效的速度计应用，不妨试试 speedometer-pwa，它可能会成为你驾驶过程中的得力助手。

speedometer-pwa A tiny no-frills speedometer progressive web app based on Geolocation API, AmbientLightSensor API, and WakeLock API. 项目地址: https://gitcode.com/gh_mirrors/sp/speedometer-pwa