真机查看手机开发的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.将改好的地址用在线二维码生成器(如草料网址二维码生成器)生成二维码,用微信扫一扫就能在手机上查看页面;
*如果生成的二维码不能扫出页面,可以将本机的防火墙关闭再试。