js 获取手机设备信息
时间: 2023-10-19 19:03:15 浏览: 172
在JavaScript中,我们可以使用`navigator`对象来获取手机设备的信息。`navigator`对象是一个全局对象,提供了与浏览器相关的信息。
要获取手机设备信息,我们可以使用以下属性和方法:
1. `navigator.userAgent`:这是一个只读属性,返回代表浏览器用户代理字符串。用户代理字符串可以包含设备名称、操作系统版本和浏览器类型等信息。我们可以通过解析这个字符串来获取设备信息。
```javascript
var userAgent = navigator.userAgent;
```
2. `navigator.platform`:这也是一个只读属性,返回操作系统平台。虽然它无法提供具体的设备型号,但可以指示是哪个平台,如"Win32"表示Windows、"MacIntel"表示MacOS、"Linux i686"表示Linux等。
```javascript
var platform = navigator.platform;
```
3. `navigator.vendor`:这个只读属性返回浏览器的供应商名称。对于手机设备,可能会返回厂商名称,如"Apple Computer, Inc."表示苹果设备。
```javascript
var vendor = navigator.vendor;
```
4. `window.innerWidth`和`window.innerHeight`:这两个只读属性返回浏览器窗口的宽度和高度,可以通过这些属性间接判断设备的屏幕尺寸。
```javascript
var screenWidth = window.innerWidth;
var screenHeight = window.innerHeight;
```
以上是获取手机设备信息的一些方法,我们可以使用它们来了解用户的设备特性,以便在网页上进行相应的调整和优化。当然,由于每个设备的表示方式都不完全一样,因此解析和判断可能需要进行一些兼容性处理。
阅读全文