可通过navigator对象获取浏览器语言、设备类型、平台信息、地理定位和媒体设备支持：navigator.language/languages返回语言代码；userAgent判断移动设备；platform返回操作系统；geolocation检测定位支持；mediaDevices检查媒体访问能力。
如果您希望在网页中获取当前浏览器的语言设置、地理位置或其他用户代理相关信息，则可以通过 HTML5 的 navigator 对象直接读取。以下是使用该对象查询浏览器语言等基础信息的具体方法：
一、获取浏览器语言（language 和 languages）
navigator.language 返回浏览器首选语言，navigator.languages 返回一个包含所有已启用语言的数组，按优先级排序。前者兼容性更广，后者更精确但部分旧浏览器不支持。
1、在 HTML 文件的 标签内编写 JavaScript 代码。
2、使用 console.log(navigator.language) 输出主语言代码，例如 “zh-CN” 或 “en-US”。
立即学习“前端免费学习笔记（深入）”；
3、使用 console.log(navigator.languages) 查看完整语言列表，如 [“zh-CN”, “zh”, “en-US”]。
二、检测是否为移动设备（userAgent 判断）
navigator.userAgent 提供浏览器标识字符串，可用于识别设备类型。虽然不是标准方式，但在无其他 API 支持时仍具实用价值。
1、调用 navigator.userAgent.toLowerCase() 将字符串转为小写以便统一匹配。
2、使用 includes(“mobile”) 或 includes(“android”) 检查是否含移动设备关键词。
3、结合 includes(“ipad”) || includes(“iphone”) 判断 iOS 设备。
三、获取平台信息（platform）
navigator.platform 返回操作系统平台标识，如 “Win32”、“MacIntel”、“Linux arm64”，有助于区分桌面与嵌入式环境。
1、直接访问 navigator.platform 属性。
2、将结果赋值给变量，例如 const plat = navigator.platform。
3、在控制台打印该变量： console.log(plat)。
四、检查是否启用地理定位（geolocation）
navigator.geolocation 是一个只读属性，存在即表示浏览器支持地理定位 API；可进一步调用 getCurrentPosition() 获取坐标。
1、使用 if (“geolocation” in navigator) 进行特性检测。
2、若条件为真，执行 navigator.geolocation.getCurrentPosition(successCallback, errorCallback)。
3、在 successCallback 中接收 position.coords.latitude 和 position.coords.longitude。
五、判断是否启用媒体设备访问（mediaDevices）
navigator.mediaDevices 提供对摄像头、麦克风等媒体输入设备的访问能力，其存在性表明浏览器支持 getUserMedia 等现代媒体 API。
1、检测 navigator.mediaDevices 是否为非 null 对象。
2、若存在，调用 navigator.mediaDevices.enumerateDevices() 获取可用设备列表。
3、遍历返回的 Promise 结果，筛选出 kind === “videoinput” 或 “audioinput” 的设备。
以上就是navigator怎么用html5_HTML5用navigator对象查浏览器信息如语言【对象】的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1607433.html
微信扫一扫 
支付宝扫一扫 
