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

我在移动网站上工作,想用我的iPhone浏览器进行testing。 我的Windows 7机器和iPhone在同一个无线networking上。 如何从iPhone访问本地主机? 现在我得到一个404错误。

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

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

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

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

如果您使用的是Mac,请转至系统偏好设置>networking,然后使用您的IP地址而不是本地主机。 你也可以使用端口号。 在我的情况下,我有一个服务器端口1448运行,我可以预览使用iPhone的192.168.1.241:1448。

MacOsNetworkSettings

如果您使用的是MAMP ,请在您的iPhone Safari浏览器中input您的IP地址(比如192.0.0.63),然后input端口号8888(例如192.0.0.63:8888),您将能够看到您的本地网站你的iPhone。

如果你使用的是WAMP服务器,再次在你的iPhone Safari浏览器中inputIP地址(比如说192.0.0.63)就是这样。 但是不要忘记从你的WAMP服务器的httpd.conf文件中删除deny from alldeny from all 。 如果你allow from 127.0.0.1以上查找行allow from 127.0.0.1 ,在它的上面或下面你会看到deny from all ; 只要删除这一行,并重新启动您的WAMP服务器,这应该到工作。

尝试这个:

  1. Windows + R
  2. 打开cmd
  3. 运行ipconfig
  4. 检查您的无线网卡IP
  5. 转到iPhone并通过浏览器导航到“ http://xxx.xxx.xxx.xxx/ ”。
    (xxx.xxx.xxx.xxx是你的IP)

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

如果你不在同一个networking上,你可以使用这个名为localtunnel的第三方工具

http://localtunnel.me/

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

你可以尝试ngrok.io 。 按照与localtunnel相同的原则工作。
下载你的操作系统的应用程序。 并尝试运行像:

对于linux:

 ./ngrok http 8000 

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

对于Windows:

  ngrok.exe http 8000 

我想和原来的要求完全一样,在这里寻找答案,关掉每一个防火墙和病毒防护都无济于事。

然后,我在Microsoft文档中发现了有关IIS express的以下陈述:“IIS express不会向另一台计算机上的浏览器提出请求,使其在企业环境中的审批更加容易”。

底线 – 你将不得不安装IIS(不是交付的IIS快递),让您的项目在您的计算机外看到。

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

希望对于那些正在closures计算机上的每个安全function的人来说,这是有帮助的。

如果你宁愿input一个主机名而不是IP地址

快速方式:

您应该能够导航到您的iPhone上的http://my-macbook-pro.local/mywebsite 。 请参阅https://stackoverflow.com/a/9304094/470749

这种方法倾向于工作,因为“.local”域是一个特殊的保留字。

最好的方法(更灵活,但更复杂,只有当你有一个DD-WRT的路由器上工作):

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

  1. 在您的操作系统中,将计算机的名称更改为简短,有意义且易于记忆的名称,如“RYANDESK”。
  2. 在您的DD-WRT路由器设置中:
    1. 在“ Services > Services > Static Leases ,将服务器的MAC地址设置为指向特定的IP地址,例如192.168.1.108 。 将其主机名设置为与之前命名您的计算机相同。 “客户租赁时间”可以是1440分钟。
    2. 一定要按Save ,也可以在每次更改时Apply Settings 。 (“保存”似乎不会自动应用设置。)如果出现错误,可能是因为DD-WRT的GUIdevise具有误导性,而且您不必要地按下“添加”静态租约。
    3. DHCP Server > User Domain ,select“局域网和广域网”。 对于“LAN域”,将其设置为一些简短的string,比如没有任何标点的首字母(例如“xyz”)。 可能避免使用“本地”一词,因为可能会有冲突。 不要使用“com”,“org”,“net”等真实世界的域名
  3. 在“ Services > Services > DNSMasq ,启用DNSMasq和“本地DNS”并将“其他DNSMasq选项”configuration为: address=/project1.xyz/project2.xyz/192.168.1.108 (其中xyz是您在早期一步,IP指向特定的机器, project1project2是你想要指向每个项目的主机名(例如不同的Nginxconfiguration)。
  4. 确保您的HOSTS文件没有任何条目与我们所做的相冲突。 如果你不知道什么是HOSTS文件,你可能没问题。
  5. 刷新您的DNScaching并释放并更新您的本地IP。 在iPhone上切换进出飞行模式,也可以在那里刷新DNScaching。
  6. 现在,您可以在iPhone(或您的桌面浏览器)中浏览http://ryandesk.xyz ,并将parsing到本地服务器。 所以希望你已经build立了你的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 /

您可以使用计算机的ip而不是http:// localhost

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

注意:运行XAMPP的PC的IP地址应该是一个静态IP(不是由DHCP分配的),否则每次重新启动PC时都必须手动检查。

WAMP

1)你应该点击WAMP图标>放置在线(等待直到重新开始)。

2)然后(如果您在同一networking上的Iphone上使用WiFi),请在iPhone浏览器中打开您的IP

http://192.168.1.22 http://164.92.124.42

要find您的本地IP:
a)点击开始>运行> cmd然后inputipconfig ,然后你会看到那里。
要么
b)点击蓝色箭头并“租用新IP”。

PS就是这样。 现在您可以从AndroidiPhone访问(打开)本地主机

来自iphone的WebpackDevServer localhost

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

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

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

那么从iPhone上就可以使用它

http://192.168.2.89:3000

注意::您的笔记本电脑和iPhone应该在同一个networking上,并且您应该使用您的本地主机ip地址。

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

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

在你mac:

  1. 打开terminal
  2. 运行“ifconfig”
  3. findIP地址“192.xx.xx”的行

如果你正在testing你的网站的地址: “localhost:8888 / mywebsite” (这取决于你的MAMPconfiguration)

在你的手机上:

  1. 打开你的浏览器(例如Safari)
  2. inputURL 192.xxx.xx:8888 / mywebsite

注意 :你必须连接在同一个networking(wifi)

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

这具有稍微更安全(可能更快)的优点,因为没有端口应该暴露。

如果你正在做一个PHP项目,你可以改变基础href:

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

  • 本地主机或127.0.0.1:取决于您的设置
  • 192.xxx:你的本地IP地址
  • HTTPS_SERVER:以前的基础href

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

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

  1. 将手机和电脑连接到同一个局域网。
  2. Window + R ,然后键入ipconfig ,然后你得到你的当前IP的UR PC,它看起来像这样:192.168.XX.XX
  3. 在你的手机网页浏览器中input你的应用程序端口,如下所示: http://192.168.XX.XX:8080 ,

注意:

如果这不起作用。 closures电脑中的防毒软件,如果还是不行,试试closureswindows防火墙,因为这个问题是关于PC防火墙的。

如果您进入“networking设置”并获取诸如xxx.xxx.x.xxx:9000(:9000或无论哪个端口处于打开状态)的Wi-Fi IP地址,请确保您的移动设备也位于同一Wi -Fi /信号IP地址。 我花了一天的时间试图让这个工作,它不工作,直到我把我的手机从蜂窝networking切换到相同的Wi-Fi连接/ IP地址。 一旦我做了这个更新,正确地打开。

对于那些正在使用正确IP地址的用户,您仍然无法连接到本地服务器,还有一件事要检查是您或您的同事没有configuration设备使用代理服务器。

我有一个不能连接的设备,事实certificate,该设备被configuration为使用查尔斯代理,当然这并没有运行。

从我的iPhone,我想浏览我的Windows 8笔记本电脑上的IIS服务器上托pipe的网站。 经过一番阅读,我打开Windows防火墙,select“允许通过Windows防火墙的应用程序或function”。 然后向下滚动并从列表中选中“万维网服务(HTTP)”。 就是这一切,它的工作。 希望它也能帮助别人。

在我的情况下,首先我连接我的电脑和手机在同一个networking上,你可以ping你的手机从PC到testing连接。

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

PS。 从本地运行它会给像( http:// localhost:8080 /项目名称 )的url,如果您尝试从手机访问您的本地网站,您应该用PC IP地址replace本地主机

如果您在Mac上,请确保编辑您的/etc/hosts文件。 按照上述说明查找IP地址,并将以下行添加到该文件中

 172.x.xx.xx outer 

之后,上述步骤工作:导航到我的iPhone浏览器的右侧页面,访问http://172.x.xx.xx:端口 http://www.imore.com/how-edit-your-macs-主机文件-和-为什么-你-会-想;

另一个快速和肮脏的方式来做到这一点在Mac上打开Xcode(如果你有它安装),并在您的模拟器上运行Safari。 在这里inputlocalhost也可以。