h5获取手机设备信息

在HTML5中，通过JavaScript可以获取用户浏览器的一些信息，包括部分设备信息，但请注意这主要是关于用户的浏览器信息而不是直接获取手机硬件信息，因为浏览器API通常不会提供对手机硬件级别的访问权限。以下是一些常用的API：

1. **navigator** 对象：它包含有关浏览器的信息，如浏览器名称（`navigator.userAgent`），平台（`navigator.platform`），是否移动设备（`window.matchMedia("(max-width: 600px)").matches`）等。

console.log(navigator.userAgent); // 获取设备的User-Agent字符串

2. **DeviceOrientationEvent**：对于一些支持该功能的设备（比如智能手机），你可以监听设备方向变化事件，但这并不包含完整的手机硬件信息。

if (typeof DeviceOrientationEvent !== "undefined") {
    window.addEventListener("deviceorientation", function(event) {
        console.log(event.gamma);
    });
}

3. **Geolocation API**：虽然主要用于定位，但它可以间接反映用户的地理位置，对于某些设备来说，这也可能关联到设备型号。

if (navigator.geolocation) {
    navigator.geolocation.getCurrentPosition(function(position) {
        console.log(position);
    });
}

注意，为了保护用户隐私，大部分现代浏览器会对敏感的设备信息（如位置、摄像头等）进行限制，并需要用户明确授权。因此，获取设备的具体硬件信息通常不是推荐的做法，除非在用户明确同意的情况下并且用于合法用途。