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

Question

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

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

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

为什么我会看到这个问题？我怎样才能改变它？

Answer 1

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

真正的问题是谁/什么是它的来源。该文件有一个提示extended-css.js。

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

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

因此，您可以看到审核消息的原因是hook.jsVue.js devtools 扩展中的文件。

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

从那里你有 3 个选择：

1. 忽略它
2. 等待库的作者修复问题并更新
3. 禁用扩展/删除导致它的库。

Answer 2

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

对阅读有帮助。一些关键点：

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

“如果您的网站、服务、库或应用程序依赖于用户代理字符串中存在的某些信息，例如 Chrome 次要版本、操作系统版本号或 Android 设备型号，则您将需要开始迁移才能使用用户代理而是使用客户端提示 API。”

我知道我没有使用有问题的导航器吸气剂，所以此时，看来我只能等待库的 .js 更新（在我的例子中为 bootstrap 4）以使警告消失。