浏览器的navigator对象的数据有时候不一样，为啥？

Question

描述：一个网页通过webstrom右上角的浏览器图标打开的，另一个是通过vue启动访问的页面，但是两个页面打印的navigator对象的数据不一样，请教一下为啥，百度没找到，哈哈哈。

比如有一个有gpu信息，另一个没有，包括usb等一些属性。

通过webstrom右上角的浏览器图标打开页面的navigator打印（我选择的是google）

vue启动命令打开页面的navigator打印

Answer 1

浏览器提供的某些功能接口，比如硬件、陀螺仪、WebRTC 等，出于安全考虑，只对使用 https 协议的网页可见，对 http 协议的网页不可见。
但有一个例外，那就是 localhost。因为离开了 localhost ，网页开发者每次调试都要把代码更新到服务器上(或者在浏览器安装自签名的证书)，比较麻烦，所以 http://localhost 访问的网页，其脚本可以访问这些接口。
你所见到的现象，应该是以上原因所致。

使用 vue启动的项目，习惯上访问的是 localhost，换成 IP 访问应该就见不到了。