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

Question

我开始了一个 Vue.js 的新项目。我添加了导航栏（navbar）。但有一次，我在控制台中发现了一个问题：

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

我不理解这个问题，因为在项目中我没有使用任何导航器。

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

- Weronika

---

请参考以下类似的问题：https://dev59.com/v8Hqa4cB1Zd3GeqP57k7 - sldorman

@sldorman很相似，但是没有解决方案 :( 而且在我的项目中我不使用bootstrap库而是使用vuetify. - Weronika

是的，但对于另一个问题，我在评论中添加了有关消息来源的链接。 在这两种情况下，基于库的.js正在使用Chrome正在废弃的导航器功能。 https://blog.chromium.org/2021/05/update-on-user-agent-string-reduction.html - sldorman

Answer 1

在同一个消息（审核）的描述中，很好地解释了为什么会看到这条消息。

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

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

右键单击文件，然后选择在新选项卡中打开。

所以你可以看到审核消息的原因是Vue.js devtools扩展程序的hook.js文件。

在你的情况下，它可能是你正在使用的另一个扩展程序或库——直接或间接地（例如vuetify的一部分等）。

从那里有3个选择：

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

- Alexander Mihailov

Answer 2

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

这篇文章很有帮助。以下是一些关键点：

“从M92开始，我们计划在DevTools Issues标签中发送有关navigator.userAgent、navigator.appVersion和navigator.platform获取器的弃用通知。”

“如果您的站点、服务、库或应用程序依赖于用户代理字符串中存在某些信息，例如Chrome小版本、操作系统版本号或Android设备型号，则需要开始迁移到使用User Agent Client Hints API。”

我知道目前没有使用相关获取器，所以看起来只能等待库（例如bootstrap 4）的.js更新才能消除警告。

- sldorman