浏览器移动模拟器：如何在所有设备上模拟导航栏？

Question

我使用 chrome 模拟器中的开发工具来模拟移动设备。

问题是：在真机上打开时，渲染是不同的，因为真机有一些导航栏。

Chrome 开发工具可以添加这个..仅适用于 Nexus5（此外它不添加浏览器导航栏）

我的问题是：如何在“真实设备”上进行模拟？

问候

Answer 1

您需要创建一个虚拟设备管理器。

然后您将能够通过模拟您的设备管理器来访问您的网站。

请注意，您将无法使用localhost（在模拟设备中）访问您的网站。相反，您必须在网址栏中传递您的本地 IP。

而不是通过http://localhost写入http://[YOUR-LOCAL-IP-ADDRESS]来访问您的网络应用程序。
如果您的 Web 应用程序使用前端框架（React、Vue、Angular）并且您使用本地 API，请不要忘记将所有内容更改为localhost应用[YOUR-LOCAL-IP-ADDRESS]程序内部的内容。

要获取本地 IP 地址（在 Linux 中）hostname -I，请使用输出的第一个 IP 地址：

就我而言192.168.10.33，网址将是http://192.168.10.33

结果：