在开发时访问外部设备中的Angular 2应用程序

Question

我知道通过运行npm start，您可以在浏览器中查看您的应用。但有没有办法在手机网络浏览器等外部设备中查看应用程序？

Answer 1

首先，如果您只需要视图，则可能需要模拟移动设备视图。

为此，只需使用浏览器调试器。

使用Chrome按F12并在调试器的左上角选择：

然后您就可以选择预先配置的设备：

（或者只是根据需要使用响应和调整大小。）

如果您想真正从移动设备访问您的应用程序，您必须在同一网络上（除非您在远程服务器上部署您的应用程序）。

然后，如果你正在使用Linux运行ifconfig并发现你的IP地址。 在Windows上运行ipconfig。

一旦您拥有运行应用的计算机的地址，请使用您的手机访问http://your-computer-ip:your-app-port。

例如，使用随机IP和端口4200（就像你默认使用angular-cli一样）：http://192.168.1.64:4200