Ionic 移动浏览器测试不起作用
Ionic mobile browser testing is not working
我尝试使用 ionic 进行移动浏览器测试。我连接到与 iPhone 相同的 Wifi，并使用以下命令检查了我的 IP 地址：ifconfig |grep inet。当我使用命令 ionic serve 运行 ionic 服务器时，我无法使用我的 IP 地址和 ionic 的指定端口在 iPhone 上打开我的 ionic 应用程序。我必须在我的机器上启用其他功能吗？我也尝试了不同的端口但没有成功。
我在使用 Windows 8.1 和 Android 时遇到了类似的问题。当我使用 http://localhost:8100/ 时，它在我的 Chrome 桌面版本上正确加载，但在桌面浏览器中使用我的本地 IP 地址，即 192.168.1.185:8100，我收到 "Connection Refused" 错误。不用说，这在我的移动设备上的 Chrome 中也不起作用。
解决此问题的方法是根据 https://developer.chrome.com/devtools/docs/remote-debugging#port-forwarding
使用端口转发
通过这种方式，我可以使用 "localhost:8100" 打开网站，而不是 Chrome 中移动设备上的 IP 地址，并且网站可以正确加载和调试。
这个回答可能晚了，但希望对以后遇到同样问题的人有用。为我解决这个问题的方法是输入以下命令：ionic address 和 select 我的开发服务器的 ip（在我的例子中是 192.168.0.2）而不是 localhost 选项。现在当我 运行 ionic serve 我可以从移动浏览器成功连接。
我尝试使用 ionic 进行移动浏览器测试。我连接到与 iPhone 相同的 Wifi，并使用以下命令检查了我的 IP 地址：ifconfig |grep inet。当我使用命令 ionic serve 运行 ionic 服务器时，我无法使用我的 IP 地址和 ionic 的指定端口在 iPhone 上打开我的 ionic 应用程序。我必须在我的机器上启用其他功能吗？我也尝试了不同的端口但没有成功。
我在使用 Windows 8.1 和 Android 时遇到了类似的问题。当我使用 http://localhost:8100/ 时，它在我的 Chrome 桌面版本上正确加载，但在桌面浏览器中使用我的本地 IP 地址，即 192.168.1.185:8100，我收到 "Connection Refused" 错误。不用说，这在我的移动设备上的 Chrome 中也不起作用。
解决此问题的方法是根据 https://developer.chrome.com/devtools/docs/remote-debugging#port-forwarding
使用端口转发通过这种方式，我可以使用 "localhost:8100" 打开网站，而不是 Chrome 中移动设备上的 IP 地址，并且网站可以正确加载和调试。
这个回答可能晚了，但希望对以后遇到同样问题的人有用。为我解决这个问题的方法是输入以下命令：ionic address 和 select 我的开发服务器的 ip（在我的例子中是 192.168.0.2）而不是 localhost 选项。现在当我 运行 ionic serve 我可以从移动浏览器成功连接。