一天一个前端知识点(10)：js 如何获取页面打开的浏览器和设备信息？

js 如何获取页面打开的浏览器和设备信息，如 是否是微信、pc、pad或者手机浏览器。

在 JavaScript 中，可以通过 navigator 对象获取浏览器和设备信息。以下是一些常用的属性和方法：

1. userAgent：返回浏览器的 user-agent 字符串，包含了浏览器和操作系统的信息

const userAgent = navigator.userAgent;
console.log(userAgent);

2. platform：返回当前运行浏览器的操作系统平台，如 Windows、Mac、Linux、Android、iOS 等。

const platform = navigator.platform;
console.log(platform);

3. isWeixin：判断是否在微信浏览器中打开页面。

const isWeixin = /MicroMessenger/i.test(navigator.userAgent);
console.log(isWeixin);

4. isMobile：判断是否在移动设备中打开页面。

const isMobile = /Mobi/i.test(navigator.userAgent);
console.log(isMobile);

5. isTablet：判断是否在平板设备中打开页面。

const isTablet = /Tablet/i.test(navigator.userAgent);
console.log(isTablet);

6. isDesktop：判断是否在桌面设备中打开页面。

const isDesktop = !/Mobi|Tablet/i.test(navigator.userAgent);
console.log(isDesktop);

需要注意的是，userAgent 属性虽然可以获取浏览器和操作系统信息，但是并不是一种可靠的方法，因为用户可以通过修改 user-agent 字符串来欺骗浏览器。因此，建议在使用 userAgent 属性时，同时结合其他属性或方法进行判断，以提高准确性。