IIS配置并让手机访问电脑文件

来源：互联网发布：mindmanager注册码mac 编辑：程序博客网时间：2024/05/17 22:40

开头的小逼逼

今天中午买了瓶绿茶，那家伙这冻得，再加上中午喝的一碗混沌，结果我的小虎牙开始闹意见了，以至于在牙疼下完成了这片文章

（逼逼结束，开始正文）

经常做手机页面开发的人都是在用浏览器的模拟调试来测试自己的页面呈现出来的效果，如下图的谷歌手机端调试模拟

但是这只是模拟调试页面，如何正真的手机页面下查看DOM页面呢，有人说了HUBIDER代码编辑器可以，好的，没问题，管你是正规军还是杂牌军，能打赢仗的就是好军，下面我介绍我的两种方法

方法一：

利用WampServer来配置

这款模拟服务器介绍我就不说了下载地址自行百度（请注意根据自己电脑的操作位数来进行相应的下载），下面我介绍如何使用

安装之后如果图标是红色的，证明此服务器的端口号和你的电脑文件端口号冲突，需要改一下WAMP的端口号，点击WAMP 找到Apache→httpd.conf 找到如下图所示的位置并修改

修改不冲突的端口号就可以了，修改后重新启动服务图标变成绿色就行了，当图标绿色后将你需要预览的html文件放入Wampsever的WWW目录下，然后打开Wampsever

里面的Apache→httpd.conf并修改成如下图的样子

然后重启服务器，然后在手机里面输入电脑的IP地址就可以访问了

（手机电脑必须在同一个IP下）

方法二

利用IIS信息服务

打开本机的IIS服务目录

方法二来源于：http://www.jianshu.com/p/72d69b49d135

一 打开Windows下的IIS管理器
打开 [控制面板]，双击 [程序和功能] ，出现程序面板：
程序面板.jpg
双击左侧 [打开或关闭Windows功能] 选项，打开Windows功能窗口：
Windows功能.jpg
可以看到在Web 管理工具一栏下面含有一系列IIS服务，按照上图勾选相关内容（注意区别：当子目录全部选中时，父目录为勾状选中状态，子目录部分选中时，父目录为块状选中状态）。
点击 [确定]，等待系统反应一会即可，这里可能需要重启电脑。
回到控制面板，打开 [管理工具]，便会出现 "Internet 信息服务(IIS)管理器" 一项。
管理工具.jpg
二 新建网站
在 [管理工具] 中，打开 [Internet 信息服务(IIS)管理器]：
管理工具.jpg
可以看到，在左侧连接面板中，系统已经建立了一个默认的网站 —— Default Web Site，接下来教大家建立一个自己的网站并通过Url的形式访问本机中的Html网页文件。
右击 [网站]，点击 [添加网站]，弹出添加网站窗口：
添加网站.jpg
输入网站名称并选择内容目录的物理路径，在绑定一栏中可以选择IP地址和设置端口号。
添加网站结果.jpg
这里需要针对IP地址和端口号说明一下：
IP地址如果选择“全部未分配”的话，便可以通过“localhost”代替IP地址访问网站资源；
端口号如果设置为80的话，便可以在IP地址后面省去添加"：80"端口号的形式。
勾选左下角的 [立即启动网站] 选项，点击确定，这样，网站就已经启动了。我们在浏览器上输入之前配置的IP地址和端口号，便可以访问网站内容了：
网页展示.jpg
重点来啦！在Url后面跟上网页文件全名，便可以访问网页内容啦！
在IIS管理器右侧，在操作面板上列出了关于网站的一系列操作，比如：
浏览浏览网站内容资源
绑定可以添加和编辑IP地址和端口号
基本设置编辑网站名称和物理路径
还有网站的启动和停止、浏览和配置等等，大家可以自己一一尝试。
三 常见错误说明
HTTP 错误 403.14 - Forbidden
如果没有启用服务器的目录浏览，会出现如下图403.14 - Forbidden错误：
HTTP 错误 403.14 - Forbidden.jpg
解决办法在错误网页上也有展示，只需在 [目录浏览] 右侧操作面板中 [启用] 即可。
需要注意的一点是，在有些电脑上，功能视图的IIS选项下面没有目录浏览、默认文档等相关功能，此时就需要检查我们再第一步打开Windows下的IIS管理器时有没有按图勾选上“Internet信息服务”下的相关选项，诸如“FTP 服务器”选项等。