真机查看手机开发页面

 真机查看手机开发的html页面步骤如下:

一.首先需要安装iis:

1.打开控制面板,找到“程序与功能”,点击进去 ;

2.点击左侧“打开或关闭windows功能” ;

3.找到"internet信息服务",勾选需要的部分(详细见如下链接:https://jingyan.baidu.com/article/e5c39bf5a250ee39d7603326.html),点击确定,即可安装完成;

4.校验是否安装成功:

在浏览器中输入localhost或者127.0.0.1,如果出现如下截图说明iis安装成功;

二.搭建iis环境:

1.回到控制面板,找到“管理工具”,点击进入;

2.双击“Internet信息服务(IIS)管理器”;

3.选中“Default Web Site”,双击中间的“ASP”,把“启用父路径”改为:"True";

4.设置站点目录:点击右面的高级设置,在弹出的对话框中,设置网站的物理路径;

三.应用iis添加站点

右击网站添加网站,出现如下弹框,编辑网站名称、物理路径(想要在手机上查看的项目在本地的地址)、端口之后点击确定即可;

四.查看

1.点击站点,右侧选择内容试图,找到对应的html,右击浏览,就会在浏览器中打开;

2.在开始中输入cmd,回车输入ipconfig查看本机ip;

3.在浏览器中把localhost改为本机的ip,端口改为网站设置的监听端口;

4.将改好的地址用在线二维码生成器(如草料网址二维码生成器)生成二维码,用微信扫一扫就能在手机上查看页面;

*如果生成的二维码不能扫出页面,可以将本机的防火墙关闭再试。

 

posted @ 2017-05-15 16:12  沐浴晨曦  阅读(243)  评论(0编辑  收藏  举报