问题：审核 navigator.userAgent、navigator.appVersion 和 navigator.platform 的使用情况

Question

我在 vue.js 开始了一个新项目。我添加了导航栏。有一次，我注意到控制台中出现问题：

Audit usage of navigator.userAgent, navigator.appVersion, and navigator.platform

这个我不明白，因为我在项目中没有使用任何导航器

为什么我会看到这个问题？我该如何更改它？

Answer 1

https://blog.chromium.org/2021/05/update-on-user-agent-string-reduction.html

有助于阅读。一些关键点：

“从 M92 开始，我们计划开始发送 navigator.userAgent 的弃用通知， navigator.appVersion，和 navigator.platform DevTools 问题选项卡中的 getter。“

“如果您的站点、服务、库或应用程序依赖于用户代理字符串中存在的某些信息，例如 Chrome 次要版本、OS 版本号或 Android 设备型号，您将需要开始迁移以改用用户代理客户端提示 API。"

我知道我没有使用有问题的导航器 getter，所以在这一点上，我似乎只能等待库的 .js 更新 （在我的例子中，bootstrap 4）让警告消失。

Answer 2

人们看到该消息的原因在同一消息的描述中得到了很好的解释（审核）。

真正的问题是 who/what 是它的来源。文件 extended-css.js.

有提示

这是另一个文件的示例（因为我没有 extended-css.js）：

右键单击该文件，然后选择 Open in new tab。

因此您可以看到审核消息的原因是来自 Vue.js devtools 扩展的 hook.js 文件。

在您的情况下，它将是您正在使用的另一个扩展或库 - 直接或间接（例如 vuetify 的一部分等）。

从那里你有 3 个选择：

1. 无视
2. 等待库作者修复问题并更新
3. 禁用导致它的 extension/remove 库。