平时在电脑上写的HTML页面如果没有上线的话,想在手机上浏览效果是很难的,在实际工作中我们却非常希望能够用手机去测试HTML页面,毕竟很多的bug在PC端测不出来。


这里分享一种方法,借助 IIS 管理器,当然,只要搭建好了本地服务器比如 xampp,都是可以实现的


首先,关于IIS管理器的安装,我们可以通过万能的百度来实现(我也不是特别懂这块):http://jingyan.baidu.com/article/19192ad853224ce53f570748.html


1、安装好以后,我们打开IIS管理器,找到“网站”,鼠标点击右键,选择“添加网站”。在网站名称里面自定义一个名称,然后找到你的项目文件夹,再点击确定

借助 IIS 管理器 -- 用手机测试HTML页面_iis xampp

2、选择创建好的网站名称,点击鼠标右键,依次找到“管理网站”---“浏览”

借助 IIS 管理器 -- 用手机测试HTML页面_iis xampp_02


3、浏览器会打开一个页面并报错,原因大家一看就明白,我们只需要在后面输入html文件名就可以

借助 IIS 管理器 -- 用手机测试HTML页面_iis xampp_03

4、页面打开以后,把locahost部分更换成自己的电脑IP地址

借助 IIS 管理器 -- 用手机测试HTML页面_iis xampp_04

借助 IIS 管理器 -- 用手机测试HTML页面_iis xampp_05


5、打开一个在线二维码生成页面,把链接放进去就会自动生成一个二维码,拿起手机扫码就可以通过手机浏览页面了。如果页面打开很慢或者打不开的话,就要关闭电脑防火墙

借助 IIS 管理器 -- 用手机测试HTML页面_iis xampp_06借助 IIS 管理器 -- 用手机测试HTML页面_iis xampp_07


再次调试代码的时候,只需要回到IIS管理器,找到你创建的网站,右击刷新,然后重复第5步的操作就行

借助 IIS 管理器 -- 用手机测试HTML页面_iis xampp_08


当然,以上操作成功的前提是必须要链接上局域网,具体怎么操作,可以百度下,这里就不赘述了