【问题标题】:Ionic mobile browser testing is not working离子移动浏览器测试不起作用
【发布时间】:2015-04-09 20:38:10
【问题描述】:

我尝试使用带有 ionic 的移动浏览器测试。我连接到与我的 iPhone 相同的 Wifi 并使用以下命令检查我的 IP 地址:ifconfig |grep inet。当我使用命令ionic serve 运行离子服务器时,我无法使用我的IP 地址和离子的指定端口在我的iPhone 上打开我的离子应用程序。我是否必须在我的机器上启用其他功能?我也尝试了不同的端口,但没有成功。

【问题讨论】:

    标签: localhost ionic-framework ionic ifconfig


    【解决方案1】:

    这个答案可能会迟到,但我希望它对将来遇到同样问题的人有用。为我解决这个问题的方法是输入以下命令:ionic address 并选择我的开发服务器的 ip(在我的情况下为 192.168.0.2)而不是 localhost 选项。现在,当我运行ionic serve 时,我可以从移动浏览器成功连接。

    【讨论】:

    • 嗨@Federico,当我指定地址时显示此错误“TypeError:无法读取未定义的属性'launchBrowser'”任何解决方案?谢谢。
    • @BetoAveiga 您使用的是哪个版本的 Ionic cli?哪个版本的 Ionic 框架?哪个版本的科尔多瓦?哪个浏览器?请提供重现错误的步骤,我会尽力帮助您。
    • 嗨@Feredico。谢谢。我可以回答“一切的最后一个版本”吗?一切都是最新的,包括 CLI 的最新版本。无论如何......问题已经消失了,因为我使用 Chrome 对我的设备进行远程调试、转发端口来解决它,这比我想要的还要好。 (离子 CLI 3.8.1 - Chrome 61.0.3163.49 - Cordova 6 - 离子 3.6)
    【解决方案2】:

    我在使用 Windows 8.1 和 Android 时遇到了类似的问题。当我使用http://localhost:8100/ 时,它在我的桌面版 Chrome 上正确加载,但在桌面浏览器中使用我的本地 IP 地址,即 192.168.1.185:8100,我收到“连接被拒绝”错误。不用说,这在我的移动设备上的 Chrome 中也不起作用。

    解决此问题的方法是按照https://developer.chrome.com/devtools/docs/remote-debugging#port-forwarding 使用端口转发

    通过这种方式,我可以在 Chrome 中使用“localhost:8100”而不是我的移动设备上的 IP 地址打开站点,并且该站点已正确加载和调试。

    【讨论】:

      猜你喜欢
      • 2019-12-05
      • 2015-11-03
      • 2015-05-02
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2018-05-26
      • 1970-01-01
      • 2020-05-30
      相关资源
      最近更新 更多