无法在BrowserStack Automate上使用iOS设备加载localhost上的站点

Question

我正在托管一个。NET Core HTTP应用程序在localhost上使用Kestrel在一些基于浏览器的UI测试的可用端口上，但当尝试使用带有BrowserStack Automate withBrowserStackLocal.exe的真实iOS设备访问它时，Safari始终拒绝加载页面。

我尝试了这里记录的IP范围的各个部分，但都没有成功。桌面浏览器（Windows上的Chrome、IE、Edge和Firefox，macOS Mojave上的Safari）和真正的Android设备工作正常。

我还尝试使用机器的本地IP地址和此处所述的完全限定域名（FQDN），但两者都不能移植，因为Windows防火墙阻止连接，即使通过BrowserStack Automatic也可以解析地址。

端口80不是一个可行的解决方案，因为开发人员的机器将使用该端口在其机器上运行IIS，因此它不可用于其他用途。

鉴于以下限制，可行的解决方案是什么？

1. 托管在HTTP上。
2. 在没有管理员权限的情况下运行（即不重新配置防火墙或使用特权端口号




Answer 1

这来自BrowserStack的支持：

a）关于Safari

>

以前，运行版本10及更高版本iOSiOS设备不支持使用URL中的localhost/127.0.0.1访问本地网站。

但是，为了确保您的网站在URL中加载“localhost”，我们现在将URL修改为http://bs-local.com在这些设备上。这有助于以预期的方式加载网站。这里也提到了这一点。

在您共享的屏幕截图中，您还可以看到重定向到bs-local.com。

似乎您的localhost网站被配置为只能通过特定主机名（如“localhost”）访问。因此，您将面临报告的错误。

为了能够在iOS设备上通过Safari测试您的localhost网站，我建议将您的localhost网站配置为可以通过本地机器的私有IP地址访问。

完成后，您可以以超文本传输协议访问您的localhost网站：//

我还鼓励您阅读本指南，了解如何实现上述目标：https://www.notion.so/Testing-localhost-on-iOS-devices-1ceb5e274cee46d7ac538b71304919b4

b）关于Chrome

>

问题出现在域“localhost”的使用中。我们也在积极尝试为这种行为寻找替代方案。

但是，与此同时，您也可以通过上述私人IP地址通过iOS设备上Chrome浏览器访问您的localhost网站。

一旦您对配置进行了必要的更改，以允许通过专用IP地址访问localhost网站，您也可以通过iOS上的Chrome测试localhost网站。

如果您需要任何进一步的帮助，请随时联系！

注意：私有IP地址与127.0.0.1不同。您可以使用本文来识别您机器的私有IP地址。

尊敬的Reehan BrowserStack支持

Answer 2

您可以使用访问该网站http://bs-local.com:5000，但请确保使用配置中的“disableHostCheck:true”禁用对网页的主机检查。

对于angular cli用户，要禁用主机检查，需要使用类似ng serve的禁用主机检查端口4200禁用主机检查

Answer 3

在iOS设备上，尝试解析http://bs-local.com:5000而不是http://localhost:5000。