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

简介:

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


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


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


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

wKioL1gAgWLSd-7pAAEaLMAfGL4674.png

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

wKioL1gAgnyTm4FvAABamqkVuK0315.png


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

wKioL1gAgw-DoAO-AAA260X9vm0766.png

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

wKiom1gAhA6wvY-SAAIa-qKjEW8937.png

wKiom1gAhJXS4QASAAPATh6VNU0811.png


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

wKioL1gAhc3hTN7mAACpe7ZVM7k454.pngwKioL1gAhhGD6-txAA4ZpBvX6uM456.png


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

wKioL1gAhyjTqwJ7AACDAWPjhPk517.png


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

本文转自   frwupeng517   51CTO博客,原文链接:http://blog.51cto.com/dapengtalk/1861933

相关文章
HTML+CSS 实现通用的企业官网页面(记得收藏)
HTML+CSS 实现通用的企业官网页面(记得收藏)
|
7天前
|
JavaScript 前端开发 Java
SpringBoot项目的html页面使用axios进行get post请求
SpringBoot项目的html页面使用axios进行get post请求
25 2
|
29天前
|
测试技术 数据安全/隐私保护
北邮人论坛登录页面测试用例
北邮人论坛登录页面测试用例
33 1
|
1月前
|
移动开发 前端开发 JavaScript
【HTML】HTML页面和常见标签
【HTML】HTML页面和常见标签
31 1
|
2月前
|
JavaScript 前端开发 Java
SpringBoot项目的html页面使用axios进行get post请求
SpringBoot项目的html页面使用axios进行get post请求
42 6
|
18天前
|
移动开发 HTML5
一个最简单的 HTML 页面结构如下:
HTML 是一种标记语言,用于描述网页结构。通过 `<html>`, `<head>`, `<body>` 等标签构建页面,支持文本、图像、链接、表格等多种元素。本文介绍了 HTML 基础,包括常用标签及创建简单网页的实例,帮助初学者快速入门。
49 0
|
30天前
|
XML Web App开发 数据格式
HTML 页面显示 XML 数据
10月更文挑战第2天
|
1月前
|
数据可视化 小程序 JavaScript
DIYGW可视化快速生成VUE3静态html页面
DIYGW可视化快速生成VUE3静态html页面
32 0
html,web页面朗读文字,朗读中文,朗读英文
html,web页面朗读文字,朗读中文,朗读英文
|
3月前
|
数据安全/隐私保护
自定义密码访问跳转页面HTML源码
自定义密码访问跳转页面HTML源码,源码由HTML+CSS+JS组成,记事本打开源码文件可以进行内容文字之类的修改,双击html文件可以本地运行效果,也可以上传到服务器里面,重定向这个界面
49 0
自定义密码访问跳转页面HTML源码