关于navigator.userAgent等属性使用问题及消息发送失败的技术咨询

一、关于navigator.userAgent相关属性的警告处理 #

从Chrome 101版本开始，navigator.userAgent、navigator.appVersion、navigator.platform这些属性的可用信息被缩减，页面/脚本访问这些属性会触发警告，解决方式如下：

• 改用特性检测：不要通过UA字符串判断浏览器能力，直接检测目标API是否存在。比如判断是否支持Fetch API，直接写if ('fetch' in window)，而非解析UA中的浏览器版本。
• 迁移到navigator.userAgentData：这是官方推出的替代API，能安全获取浏览器品牌、平台等信息，示例代码：

  // 获取平台信息
  const platform = navigator.userAgentData.platform;
  // 获取浏览器品牌及版本
  const browserInfo = navigator.userAgentData.brands;
  

• 采用渐进增强方案：先实现核心功能，再针对特定浏览器添加增强特性，不依赖UA做关键逻辑判断。

二、消息发送失败的排查步骤 #

你能正常打开网站查看消息，但发送后无回复且怀疑未成功发出，可按以下步骤排查：

• 打开浏览器开发者工具（快捷键F12），切换到Network标签：发送消息时观察是否有对应请求发出，检查请求状态码（正常应为200/201类成功状态）。若请求未发出，大概率是前端代码报错；若请求发出但状态码异常（如4xx/5xx），查看响应内容定位服务器端问题。
• 切换到Console标签：查看是否有JavaScript报错，报错信息会直接提示发送逻辑执行失败的原因。
• 换其他浏览器测试：如果其他浏览器能正常发送，可能是当前浏览器的UA信息缩减导致网站发送逻辑依赖旧UA判断，触发了兼容性问题。
• 确认网站状态：检查网站官方公告或状态页，确认是否是服务器端故障导致消息无法投递。

内容的提问来源于stack exchange，提问作者Ulf