如何从iPhone浏览器访问在localhost上运行的网站

Question

我正在移动网站上工作,并希望使用我的iPhone浏览器进行测试.我的Windows 7机器和iPhone在同一个无线网络上.如何从iPhone访问localhost？现在我收到404错误.

Answer 1

从iPhone访问localhost只会做一个环回/尝试连接到自己(如果它支持？).

您需要做的是找到桌面计算机的IP(例如,如果是Windows,请转到Command Prompt并键入ipconfig或转到Network and Sharing Centre并查找connection status.

一旦你有了你的IP,只需从你的浏览器访问它,例如http://192.168.0.102.

如果您正在运行防火墙的入站安全性,则可能需要在防火墙的入站安全性中打开端口80(或运行您网站的任何端口).

Answer 2

如果您使用的是Mac,请转到系统偏好设置>网络,然后使用您的IP地址而不是localhost.您也可以使用端口号.在我的情况下,我有一个服务器在端口1448上运行,我可以使用iPhone预览192.168.1.241:1448.

Answer 3

试试这个:

1. 按Windows+R
2. 打开 cmd
3. 跑ipconfig (旧) ifconfig (新)
4. 检查您的无线网卡IP
5. 转到iPhone并通过浏览器导航到" http://xxx.xxx.xxx.xxx/ ".
   (xxx.xxx.xxx.xxx是你的IP)

注意:您必须设置防火墙设置的权限(如果有).

Answer 4

你可以试试ngrok.io.工作原理与localtunnel相同.
下载您的操作系统的应用程序.并尝试运行如下:

对于linux:

./ngrok http 8000

8000是运行应用程序的端口号.

对于Windows:

 ngrok.exe http 8000

Answer 5

老问题。新的简单答案对我有用。

\n

通过 USB 将 iPhone 连接到计算机。

\n

打开系统偏好设置 > 共享。

\n

在左侧选项卡中选择互联网共享。这应该会在右侧显示您的互联网共享控件。

\n

如果启用了“Internet 共享”旁边的复选框，请取消选中它。

\n

在互联网共享选项的右侧，选中 iPhone USB。

\n

通过选中其复选框来启用 Internet 共享。可能会出现一个弹出窗口，要求您确认此操作。

\n

找到顶部附近的消息，显示“本地网络上的计算机可以访问您的计算机：xxxx.local。记下 xxxx 的内容\xe2\x80\x93，这是您的计算机\xe2\x80\x99 的名称。您\xe2\x80\x99将把它输入到地址栏中，所以我建议将其编辑成一个简短的单词。

\n

您现在应该能够从 xxxx.local:yyyy 访问本地主机服务器，其中 xxxx 是上一步中您的名称，yyyy 是您的 server\xe2\x80\x99s 端口号。

\n

Answer 6

如果您正在使用MAMP,请在您的iPhone Safari浏览器中输入您的IP地址(例如192.0.0.63),然后输入端口号8888(例如192.0.0.63:8888),您就可以看到您的本地站点了你的iPhone.

如果你正在使用WAMP服务器,再次在你的iPhone Safari浏览器中只需键入IP地址(比方说192.0.0.63)就可以了.但是不要忘记deny from all从WAMP服务器的httpd.conf文件中删除它.如果你寻找allow from 127.0.0.1它上面或下面的线,你会看到deny from all; 只需删除此行并重新启动您的WAMP服务器即可.

Answer 7

如果您不在同一网络上,则可以使用名为localtunnel的第三方工具

http://localtunnel.me/

它基本上通过另一台服务器路由您的内容,然后您访问它.

Answer 8

如果您使用的是Mac -

1. 通过USB将iPhone连接到Mac.

2. 转到网络实用程序(cmd +空格并键入"网络实用程序")

3. 转到"信息"标签

4. 单击显示"Wi-Fi"的下拉菜单,然后选择"iPhone USB",如照片所示.

5. 你会找到一个像"xxx.xxx.xx.xx"或类似的IP地址.在iPhone上打开Safari浏览器并输入IP_address:port_number

   示例:169.254.72.86:3000

[注意:如果IP地址字段为空,请确保您的iPhone通过USB连接,退出网络实用程序,再次打开并检查IP地址.]

Answer 9

如果你宁愿键入主机名而不是IP地址

第一种选择(快速方式):

您应该可以导航到http://my-macbook-pro.local/mywebsiteiPhone上.请参阅/sf/answers/651286611/

这种方法往往有效,因为'.local'域是一个特殊的保留字.

第二种选择:

请参阅http://xip.io/,这是一项免费服务,非常方便.无需配置.

然后,当您浏览到http://mysite.app.192.168.1.130.xip.io(使用服务器上的浏览器或 LAN上的任何设备上)时,它将显示托管的页面192.168.1.130.

如果您在该IP上存在的机器上运行Homestead,则浏览到http://mysite.app.192.168.1.130.xip.io:44300(使用URL中的端口)以某种方式显示托管在Homestead Vagrant虚拟机在192.168.10.10.相当了不起.

第三种选择(它不依赖于服务而且灵活但更复杂,只有当你的路由器上有DD-WRT时才有效):

如果您有一个本地服务器托管多个不同的站点,您想通过不同的主机名(通过iPhone)访问,您可以这样做.

1. 在您的操作系统中,将计算机名称更改为简短,有意义且易于记忆的名称,例如"RYANDESK".
2. 在您的DD-WRT路由器设置中:
   1. 在Services > Services > Static Leases,将服务器的MAC地址设置为指向特定的IP地址,例如192.168.1.108.将其主机名设置为与先前为计算机命名的主机名相同."客户租赁时间"可以是1440分钟.
   2. 一定要按Save,Apply Settings并且每次更改都要按.("保存"似乎不会自动应用设置.)如果出现错误,可能是因为DD-WRT的GUI设计具有误导性,并且您不必要地为静态租约按下"添加".
   3. 在DHCP Server > User Domain,选择"LAN&WAN".对于"LAN Domain",将其设置为一些短字符串,例如没有任何标点符号的首字母(例如"xyz").可能会避免使用"本地"一词,因为可能存在冲突.不要使用"com","org","net"等真实域名.
3. 在Services > Services > DNSMasq中,启用的dnsmasq和"本地DNS",并配置"附加的dnsmasq选项"是这样的:address=/project1.xyz/project2.xyz/192.168.1.108(这里xyz是您在前面的步骤中选择任何的IP指向特定的机器,并project1和project2你想点到任何主机每个项目(如不同的Nginx配置).
4. 确保您的HOSTS文件没有任何与我们所做的相冲突的条目.如果您不知道HOSTS文件是什么,那么您可能没问题.
5. 刷新DNS缓存并释放并续订本地IP.在iPhone上切换进入和退出飞行模式以刷新DNS缓存.

6. 现在,您可以http://ryandesk.xyz在iPhone(或桌面浏览器)中浏览,它将解析为您的本地服务器.所以希望你已经设置了你的Nginx或Apache或任何要监听该主机名的东西.

   https://wiseindy.com/it/how-to-access-your-pcs-using-dns-names-with-dd-wrt/ http://www.howtogeek.com/69696/how-to-access-你的机器,使用的DNS-名,与-DD-WRT /

Answer 10

来自 iphone 的 WebpackDevServer 本地主机

如果您使用的是在节点上运行的应用程序。你可以使用 webpack 作为构建工具并使用他们内置的 devserver

您可以使用 webpackdevserver 从本地主机服务器启动您的应用程序，然后传入您选择的本地主机地址和端口。

webpack-dev-server --host 192.168.0.89 --port 3000

然后从你的 iPhone 你可以使用它访问它

http://192.168.2.89:3000

注意 :: 你的笔记本电脑和 iPhone 应该在同一个网络上，你应该使用你的 localhost ip 地址。

对于 Mac 如何查找 ip 地址，您可以参考在 node.js 中获取本地 IP 地址

Answer 11

如果您使用的是 mac (OSX)：

在你的 Mac 上：

1. 打开终端
2. 运行“ifconfig”
3. 找到 IP 地址为“192.xx.xx”的行

如果您使用以下地址测试您的网站：“localhost:8888/mywebsite”（这取决于您的 MAMP 配置）

在您的手机上：

1. 打开您的浏览器（例如 Safari）
2. 输入 URL 192.xxx.xx:8888/mywebsite

注意：您必须连接在同一网络（wifi）上

Answer 12

对于Mac用户，请打开“网络实用程序”（您可以通过键入cmd + space来找到它，这将打开Spotlight，然后在Spotlight中开始键入“ Network Utility”）。选择网络实用程序，当它打开时，您的IP地址将在标签IP地址旁边找到。因此，基本上，有了IP，您就可以进入本地Mac上的任何开放端口，例如，如果您的网站在localhost：3000上本地运行，并且您的IP地址为154.31.92.0，那么从您的电话中，您只需输入154.31即可获得该网站。 92.0：3000进入浏览器。

PS-仅在手机和计算机都在同一网络上时才有效