如何从iPhone浏览器访问本地主机上运行的网站

我正在做一个移动网站,想用我的iPhone浏览器测试一下。我的Windows 7电脑和iPhone都在同一个无线网络上。如何从iPhone访问localhost ?现在我得到一个404错误。

533778 次浏览

从iPhone访问localhost将简单地做一个环回/尝试连接到它自己(如果它支持?)

你需要做的是找到你的桌面机器的IP(例如,如果是Windows,去Command Prompt并键入ipconfig或去Network and Sharing Centre并查找connection status

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

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

注意:如果你想调试应用程序,不要忘记应用程序的端口 你的iPhone浏览器像:http://192.168.0.102:3000。在本例中,3000是ReactJS使用的默认端口

试试这个:

  1. 窗户 + R
  2. 打开cmd
  3. 执行ipconfig (旧) ifconfig (新)
  4. 检查你的无线网卡IP
  5. 进入iPhone,并通过浏览器导航到“http://xxx.xxx.xxx.xxx/” (xxx.xxx.xxx。xxx是你的IP)

注意:你必须在你的防火墙设置上设置权限,如果有的话。

如果你正在使用MAMP,在你的iPhone Safari浏览器中输入你的IP地址(例如192.0.0.63),然后再输入端口号8888(例如192.0.63:8888),你就能在你的iPhone中看到你的本地站点。

如果你使用的是里面服务器,同样在你的iPhone safari浏览器中输入IP地址(比如192.0.0.63),就是这样。但是不要忘记从WAMP服务器的httpd.conf文件中删除deny from all。如果你寻找行allow from 127.0.0.1,在它的上面或下面,你会看到deny from all;只需要删除这一行并重新启动WAMP服务器就可以了。

你可以使用ip of computer代替http://localhost

但它可能无法访问。您必须编辑服务器软件的httpd . conf(或等效的配置文件)。我现在没有安装php,但你可以搜索关键字:“允许从或/目录”

注意:运行XAMPP的PC的IP必须是静态IP(不是DHCP分配的),否则每次重启PC时都需要手动检查。

看一下这个回答,它讨论了通过直接Objective-C调用内部路由HTTP到支持HTTP的层/嵌入式web服务器(让我们假设HTTP服务器代码在同一个应用程序中,希望在web小部件中显示HTML)。

这样做的优点是稍微更安全(可能更快),因为不应该暴露任何端口。

我想完成与最初请求相同的事情,并在这里寻找答案,并关闭了所有防火墙和病毒防护,但都无济于事。

然后,我在微软文档中发现了以下关于IIS express的声明: “IIS express不向另一台计算机上的浏览器提供请求,使其在企业环境中更容易获得批准”。< / p >

底线-你将不得不安装IIS(不是交付的IIS express)来让你的项目在你的计算机之外被看到。

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

希望这对那些正在发疯地关闭电脑上所有安全功能的人有所帮助。

如果你正在做一个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:之前的base href

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

如果你使用Mac,进入系统首选项>网络,使用你的IP地址而不是本地主机。您也可以使用端口号。在我的例子中,我有一个在端口1448上运行的服务器,我可以使用iPhone预览192.168.1.241:1448。

MacOsNetworkSettings

里面:

1)你应该点击WAMP图标>上线(等待重新启动)。

2)然后(如果你是同一网络的Iphone上的WiFi),在Iphone浏览器中打开你的IP

http://192.168.1.22 http://164.92.124.42

查找本地IP:
a)单击开始>运行> cmd并输入ipconfig,然后你会看到那里。

b)点击蓝色的箭头和“lease new ip”

附注:仅此而已。现在你可以从安卓iPhone访问(打开)localhost

如果你不在同一个网络上,你可以使用这个叫做localtunnel的第三方工具

http://localtunnel.me/ < a href = " http://localtunnel.me/ " > < / >

它基本上是通过另一个服务器路由你的内容,然后你访问它。

如果你进入你的网络设置,并获得Wi-Fi IP地址,如xxx.xxx.x。xxx:9000(:9000或任何开放的端口),确保您的移动设备也在相同的Wi-Fi/信号IP地址上。我花了一天时间试着让它工作,直到我把手机的蜂窝网络切换到相同的Wi-Fi连接/IP地址,它才工作。我一更新就打开了。

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

我有一台设备无法连接,结果发现该设备被配置为使用Charles Proxy,当然它没有运行。

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

在我的情况下 首先我把我的电脑和手机连接在同一个网络上,你可以从电脑上ping你的手机来测试连接

我用GGTS(Groovy/Grails Tool Suite)在本地运行我的项目,然后使用PC IP地址从移动设备访问网站,它的工作非常好。

PS.从本地运行它会给url (http://localhost:8080/projectname),如果你试图从手机访问你的本地网站,你应该用PC IP地址替换localhost

你可以尝试ngrok.io。工作原理与localtunnel相同。< br > 下载适合您的操作系统的应用程序。并尝试像这样运行:

linux:

./ngrok http 8000

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

windows:

 ngrok.exe http 8000
如果你在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 < / p >

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

第一选择(快速方式):

你应该能够在你的iPhone上导航到http://my-macbook-pro.local/mywebsite。看到https://stackoverflow.com/a/9304094/470749

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

第二选择:

参见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中有端口)会以某种方式显示在192.168.10.10的Homestead Vagrant虚拟机上托管的页面。很神奇的。

第三种选择(它不依赖于服务,灵活但更复杂,只有当你有一个带有DD-WRT的路由器时才能工作):

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

  1. 在操作系统中,将计算机名称更改为简短、有意义且易于记忆的名称,例如“ryanddesk”。
  2. 在您的DD-WRT路由器设置:
    1. Services > Services > Static Leases中,将服务器的MAC地址设置为指向特定的IP地址,例如192.168.1.108。将其主机名设置为与您之前为计算机命名的主机名相同。“客户租赁时间”可以是1440分钟。
    2. 确保每次更改都按SaveApply Settings。(“保存”似乎不会自动应用设置。)如果您得到一个错误,这可能是因为DD-WRT的GUI设计具有误导性,您不必要地按了“添加”静态租约。
    3. DHCP Server > User Domain中,选择“LAN &湾”。对于“LAN Domain”,请将其设置为一些短字符串,例如不带标点符号的首字母缩写(例如。“xyz”)。可能会避免使用“本地”这个词,因为可能会有冲突。不要使用真实世界的域名,如“com”、“org”、“net”等。
    4. 李< / ol > < / >
    5. Services > Services > DNSMasq中,启用DNSMasq和“本地DNS”,并将“附加DNSMasq选项”配置为如下内容:address=/project1.xyz/project2.xyz/192.168.1.108(其中xyz是您在前面步骤中选择的任何内容,IP指向特定的机器,project1project2是您想指向每个项目的任何主机名(例如不同的Nginx配置)。
    6. 确保您的HOSTS文件中没有任何与我们所做的冲突的条目。如果您不知道什么是HOSTS文件,那么您可能没有问题。
    7. 刷新DNS缓存,释放并更新本地IP。切换到和退出iPhone的飞行模式,以冲洗DNS缓存。
    8. 现在你可以在你的iPhone(或桌面浏览器)中浏览到http://ryandesk.xyz,它将解析到你的本地服务器。希望你已经设置好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/ < / p > < / >

WebpackDevServer localhost

如果你正在使用一个在节点上运行的应用程序。你可以使用webpack作为构建工具,并使用其内置的开发服务器

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

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

然后从你的iPhone上使用

< a href = " http://192.168.2.89:3000 " rel = " noreferrer > http://192.168.2.89:3000 < / >

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

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

有一个非常简单的方法来实现这一点:

  1. 将你的手机和电脑连接到同一个局域网。
  2. Window + R,然后输入ipconfig,然后你得到你的当前ip你的pc,它看起来像这样:192.168.XX.XX
  3. 在你的手机web浏览器中输入这个ip,就像这样:http://192.168.XX.XX:8080,它可以工作

注意:

如果这行不通的话。关掉你电脑上的杀毒软件,如果仍然不起作用,尝试关闭windows防火墙,因为这个问题与电脑防火墙有关。

在mac上另一种快速而肮脏的方法是打开xcode(如果你安装了它),并在模拟器上运行safari。在这里输入localhost也可以。

如果你使用mac (OSX):

在mac上:

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

如果你用地址测试你的网站:“localhost: 8888 / mywebsite”(这取决于你的MAMP配置)

在手机上:

  1. 打开浏览器(如Safari)
  2. 输入URL 192.xx . x.x.x:8888/mywebsite

请注意:你必须连接在同一个网络上(wifi)

对于Mac用户,打开Network Utility(你可以通过输入cmd +空格来找到它,这将打开spotlight,然后在spotlight中开始输入Network Utility)。选择网络工具,当它打开时,您的IP地址将在标签IP地址旁边找到。所以基本上有了IP,你可以进入你本地mac上的任何开放端口,例如,如果你的网站在localhost:3000上本地运行,你的IP地址是154.31.92.0,那么从你的手机上,你可以通过在浏览器中输入154.31.92.0:3000来访问网站。

PS-这只适用于手机和电脑在同一个网络上

如果你用的是Mac -

  1. 通过USB连接你的iPhone和Mac。

  2. 进入网络工具(cmd+空格并输入“;网络工具”)

  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地址。]

步骤:

我假设您已经启动了web服务器(默认端口:8080上的apache tomcat)。

windows 10下:

  1. 打开您的防病毒软件,进入防火墙部分,并找到端口 section,并添加一个Local TCP/IP Port: 8080允许访问
  2. 从命令提示符获取机器IP地址。(IPv4地址)
  3. 从iPhone中启动chrome并进入ip地址:8080地址。

希望这能有所帮助。

找到你的系统的IP地址和你运行网站的port地址。

假设您的IP地址是121.300.00.250,端口是8080

[端口号:在运行页面时看到您的web浏览器,例如:localhost:8080/…]那么端口号是8080]

现在在你的手机去121.300.00.250:8080/..,你会找到你的网站。

重要的是:你必须确保你的服务器(例如Apache Tomcat)处于启动状态

本地服务器机: 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>访问本地服务器,它工作了

    首先,你必须确认你也通过mac浏览器上的mac ip访问服务器api。 如果不是,请确保您的服务器允许这样做,而不仅仅是localhost(127.0.0.1)通过运行您的服务器在0.0.0.0
  1. 去iphone的safari,通过api你的服务器serve: ex http://0.0.0.0/st进行get请求。Safari自动重定向到服务器你的mac运行(在你的mac ip)
  2. 如果你想在你的iphone应用程序上发出请求,它应该用[你的mac/服务器ip]替换request 0.0.0.0

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

通过USB连接你的iPhone和电脑。

开放系统首选项>共享。

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

如果“Internet共享”后的复选框已启用,请取消勾选。

在“互联网共享”选项的右侧,勾选“iPhone USB”。

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

找到顶部附近的消息,“您本地网络上的计算机可以通过:xxxx.local访问您的计算机”。记下xxxx说了什么——这是你的计算机的名称。你要把它输入到你的地址栏,所以我建议你把它编辑成一个简短的单词。

现在您应该能够从xxxx访问您的本地主机服务器。Local:yyyy,其中XXXX是上一步中您的名称,yyyy是服务器的端口号。