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

时间：2010-06-28 11:55:27

标签： iphone localhost

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

28 个答案:

答案 0 :(得分：220)

从iPhone访问localhost只会进行环回/尝试连接到自身（如果它支持？）。

您需要做的是找到桌面计算机的IP（例如，如果是Windows，请转到Command Prompt并输入ipconfig或转到Network and Sharing Centre并查找{{1 }}

获得IP后，只需在浏览器中访问该内容，例如connection status。

如果您正在运行防火墙，可能需要在防火墙的入站安全性中打开端口80（或运行您网站的任何端口）。

答案 1 :(得分：160)

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

MacOsNetworkSettings

答案 2 :(得分：24)

试试这个：

  1. 按 Windows + R
  2. 打开cmd
  3. 运行ipconfig （旧） ifconfig （新）
  4. 检查无线网卡IP
  5. 转到iPhone并通过浏览器导航至“http://xxx.xxx.xxx.xxx/” （xxx.xxx.xxx.xxx是您的IP）

    6. 注意：您必须设置防火墙设置的权限（如果有）。

答案 3 :(得分：21)

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

for linux：

./ngrok http 8000

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

for windows：

 ngrok.exe http 8000

答案 4 :(得分：21)

如果您正在使用MAMP，请在iPhone Safari浏览器中键入您的IP地址（例如192.0.0.63），然后输入端口号8888（例如192.0.0.63:8888），您将成为能够在iPhone中看到您的本地网站。

如果您正在使用WAMP服务器，请再次在您的iPhone Safari浏览器中输入IP地址（比方说192.0.0.63），就是这样。但是不要忘记从WAMP服务器的httpd.conf文件中删除deny from all。如果您在allow from 127.0.0.1上方查找deny from all行，您会看到{{1}};只需删除此行并重新启动您的WAMP服务器即可。

答案 5 :(得分：19)

如果您不在同一个网络上，则可以使用名为localtunnel

的第三方工具

http://localtunnel.me/

它基本上将您的内容路由到另一台服务器，然后您可以访问它。

答案 6 :(得分：14)

如果您使用的是Mac-

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

  2. 转到“网络实用程序”（cmd + space，然后键入“网络实用程序”）

  3. 转到“信息”标签

  4. 单击显示为“ Wi-Fi”的下拉菜单，然后选择“ iPhone USB”，如图所示。

Network Utility, select iPhone USB

  1. 您将找到一个IP地址，例如“ xxx.xxx.xx.xx”或类似名称。在iPhone上打开Safari浏览器，然后输入IP_address：port_number

    例如：169.254.72.86:3000

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

答案 7 :(得分：8)

如果您要键入主机名而不是IP地址

第一个选项（快速方式）：

您应该可以导航到iPhone上的http://my-macbook-pro.local/mywebsite。见https://stackoverflow.com/a/9304094/470749

这种方法往往有效，因为＆＃39; .local＆＃39;域名是一个特殊的保留字。

第二个选项：

请参阅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中的端口）会以某种方式显示在{{{{{{{{{{{ 1}}。非常棒。

第三个选项（它不依赖于服务而且灵活但更复杂，只有当你的路由器上有DD-WRT时才有效）：

如果您有一个本地服务器托管多个不同的网站，您希望通过不同的主机名（通过iPhone）访问，则可以执行此操作。

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

  6. 现在，您可以浏览到iPhone（或桌面浏览器）中的project2，它将解析为您的本地服务器。所以希望你已经设置了你的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-your-machines-using-dns-names-with-dd-wrt/

答案 8 :(得分：4)

对于Mac，只需打开网络实用程序（您可以通过键入cmd + space轻松找到它，这将打开聚光灯，然后在聚光灯下开始键入Network Utility）。选择Network Utility，当它打开时，您的IP地址将在标签IP Address旁边找到。因此，基本上使用IP，您可以进入本地mac中的任何开放端口，例如如果您的网站在localhost：3000本地运行，而您的IP地址是154.31.92.0，那么只需在浏览器中输入154.31.92.0:3000即可通过手机获取网站。

PS-仅当手机和电脑同时在同一网络上时才有效

答案 9 :(得分：4)

如果您使用的是mac（OSX）：

关于你的mac：

  1. 打开终端
  2. 运行“ifconfig”
  3. 使用ip地址“192.xx.x.x”
    4. 查找该行

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

    在手机上：

    1. 打开浏览器（例如Safari）
    2. 输入网址192.xxx.x.x：8888 / mywebsite

      3. 注意：您必须连接到同一网络（wifi）

答案 10 :(得分：4)

来自iphone的WebpackDevServer localhost

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

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

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

然后从iPhone上您可以使用

访问它

http://192.168.2.89:3000

  

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

     

对于Mac如何查找IP地址，您可以参考Get local IP address in node.js

答案 11 :(得分：3)

我想完成与原始请求相同的事情，并在此处寻找答案，并关闭每个防火墙和病毒保护无济于事。

然后，我在microsoft文档中找到了关于IIS express的以下声明： “IIS express不向另一台计算机上的浏览器提供请求，使其在企业环境中的批准更容易”。

底线 - 您必须安装IIS（而不是交付的IIS Express）才能在计算机外看到您的项目。

来源： http://msdn.microsoft.com/en-us/library/58wxa9w5.aspx

希望这对其他人来说很有帮助，因为他们会破坏计算机上的所有安全功能。

答案 12 :(得分：3)

您可以使用计算机的IP而不是 http：// localhost 。

但它可能无法访问。您必须编辑服务器软件的 httpd.conf （或等效配置文件）。我现在没有安装php，但您可以使用关键字搜索：“允许来自或/目录”

注意：运行XAMPP的PC的IP应该是静态IP（不是由DHCP分配），否则每次重新启动PC时都必须手动检查。

答案 13 :(得分：2)

对于那些使用正确IP地址并且您仍然无法连接到本地服务器的人，另一件需要检查的是您或您的同事没有将设备配置为使用代理服务器

我有一台设备无法连接，事实证明该设备已配置为使用Charles Proxy，当然它没有运行。

答案 14 :(得分：2)

WAMP ：

1）你应该点击WAMP图标＆gt; Put Online（等到重新开始）。

2）然后（如果您是同一网络上的Iphone上的WiFi），请在iPhone浏览器中打开您的IP

即。 http://192.168.1.22 或 http://164.92.124.42

要查找您当地的IP，请执行以下操作：
a）单击开始＆gt;运行＆gt; cmd 并输入 ipconfig ，然后您将看到那里。
或
b）点击蓝色arrow和＆＃34;租用新的IP＆＃34;。

P.S。这就是全部。现在您可以从 Android 或 iPhone

访问（打开）localhost

答案 15 :(得分：2)

如果您正在处理php项目，可以更改基本href：

<base href="<?php echo str_replace("localhost","192.x.x.x",HTTPS_SERVER);?>">

  • localhost或127.0.0.1：取决于您的设置
  • 192.x.x.x：您的本地IP地址
  • HTTPS_SERVER：以前的基础href

这样做对于在手机上加载图片，css和js文件至关重要。

答案 16 :(得分：1)

如果您进入网络设置并获取Wi-Fi IP地址（例如xxx.xxx.x.xxx:9000(:9000或打开的任何一个端口）），请确保您的移动设备也已启用相同的Wi-Fi /信号IP地址。我花了一天的时间试图让它工作，直到我将手机从蜂窝网络切换到相同的Wi-Fi连接/ IP地址后才能工作。我做了这次更新后立即打开。

答案 17 :(得分：1)

有一种非常简单的方法可以实现这一目标：

  1. 将手机和计算机连接到同一个局域网。
  2. Window + R，然后输入ipconfig，然后你得到你当前的个人电脑的IP，它看起来像这样：192.168.XX.XX
  3. 在您的手机网络浏览器中使用您的应用程序端口输入此IP，如下所示：http://192.168.XX.XX:8080，它可以正常工作

    4. 注意：

    如果这不起作用。关闭PC中的防病毒软件，如果仍然无法正常工作，请尝试关闭Windows防火墙，因为问题与PC防火墙有关。

答案 18 :(得分：1)

看一下这个answer，它讨论了通过对支持HTTP的层/嵌入式Web服务器的直接Objective-C调用来内部路由HTTP（让我们假设HTTP服务器代码在同一个应用程序中，希望在Web小部件中显示HTML。）

这具有稍微更安全（并且可能更快）的优点，因为不应该暴露任何端口。

答案 19 :(得分：1)

步骤：

我假设您已经启动了Web服务器（默认端口为8080的Apache tomcat）。

在Windows 10上：

  1. 打开防病毒软件，转到“防火墙”部分，然后找到端口 部分并添加本地TCP / IP端口：8080以允许访问
  2. 从命令提示符处获取计算机ip地址。 （IPv4地址）
  3. 从iPhone启动Chrome浏览器并转到 ip地址：8080地址。

希望这会有所帮助。

答案 20 :(得分：1)

找到系统的IP地址以及正在运行的port网站。

说您的IP地址为121.300.00.250，端口为8080。

[端口号：运行页面时查看您的Web浏览器，例如：localhost：8080 / ...，则端口号为8080]

现在，在您的手机中转到121.300.00.250:8080/..，您将找到您的网站。

重要提示：您必须确保服务器（例如Apache Tomcat）处于启动状态

答案 21 :(得分：0)

从我的iphone中我想在我的Windows 8笔记本电脑上浏览IIS服务器上托管的网站。经过一番阅读后，我打开了Windows防火墙，选择“通过Windows防火墙允许应用程序或功能”。然后向下滚动并从列表中选中“万维网服务（HTTP）”。这就是全部，它奏效了。 希望它也可以帮助其他人。

答案 22 :(得分：0)

就我而言 首先我将我的电脑和手机连接在同一个网络上，你可以通过电脑ping你的手机来测试连接。

我在本地使用GGTS（Groovy / Grails工具套件）运行我的项目，然后使用PC IP地址从移动设备访问网站，并且它的工作非常顺利。

PS。如果您尝试从移动设备访问本地网站

，则从本地运行会提供类似（http://localhost:8080/projectname）的网址，您应将localhost替换为PC IP地址

答案 23 :(得分：0)

如果您使用的是Mac，请务必编辑/etc/hosts文件。 根据上述说明查找IP地址，并将以下行添加到该文件

172.x.xx.x.x outer

之后，上述步骤有效：在我的iphone浏览器中导航到右侧页面，访问http://172.x.xx.x.x:port http://www.imore.com/how-edit-your-macs-hosts-file-and-why-you-would-want

答案 24 :(得分：0)

在Mac上执行此操作的另一种快速而肮脏的方法是打开xcode（如果已安装）并在模拟器上运行safari。在此输入localhost也可以。

答案 25 :(得分：0)

使用下一个URL模式：

<?php session_start(); if (empty($_SESSION['user_id'])) { header('Location:login.php'); } ?> <center><h1>Donate Here!</h1></center>

在http://<computer-name>.local:<port>处您可以找到<computer-name>

SO post

如果使用WebStorm内置服务器，请确保已打开System Preferences -> Sharing

SO post

答案 26 :(得分：0)

本地服务器计算机：Linux

访问机器：iPad 13.5.1

我了解到，本地服务器的主机IP需要设置为0.0.0.0，其他计算机才能访问它。要进行检查，请运行sudo netstat -anp并查找您的本地服务器端口。我发现它在127.0.0.1或localhost上运行，因此其他计算机无法访问它。我将应用程序配置更改为在主机IP 0.0.0.0上运行。然后，我使用<internetIP>:<port>访问本地服务器，并且可以正常工作

答案 27 :(得分：0)

  1. 首先，您必须确认您还通过Mac浏览器上的mac ip访问服务器api。 如果不是，请通过在0.0.0.0上运行服务器来确保服务器允许这样做，而不仅仅是本地主机（127.0.0.1）
  2. 转到iphone上的safari并通过您的服务器服务的api发出get请求：例如http://0.0.0.0/st。 Safari自动重定向到您的Mac运行服务器（在您的Mac IP上）
  3. 如果要在iPhone应用程序上发出请求。应该由[your mac / server ip]代替re0.0.0.0。
相关问题
最新问题