借助 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

相关文章
|
2月前
|
前端开发 测试技术 定位技术
如何利用HTML和CSS构建企业级网站的全过程。从项目概述到页面结构设计,再到HTML结构搭建与CSS样式设计,最后实现具体页面并进行优化提升,全面覆盖了网站开发的关键步骤
本文深入介绍了如何利用HTML和CSS构建企业级网站的全过程。从项目概述到页面结构设计,再到HTML结构搭建与CSS样式设计,最后实现具体页面并进行优化提升,全面覆盖了网站开发的关键步骤。通过实例展示了主页、关于我们、产品展示、新闻动态及联系我们等页面的设计与实现,强调了合理布局、美观设计及用户体验的重要性。旨在为企业打造一个既专业又具吸引力的线上平台。
79 7
|
2月前
html页面点击按钮实现页面跳转功能
html页面点击按钮实现页面跳转
76 11
|
2月前
|
移动开发 HTML5
HTML5熊猫弹跳手机小游戏源码
一款html5手机端小游戏源码,熊猫跳跃小游戏源码下载。熊猫脚底有弹簧,长按变化力度跳跃,计分游戏,html5手机熊猫也疯狂小游戏源代码。
53 5
|
2月前
|
JavaScript 前端开发 Java
SpringBoot项目的html页面使用axios进行get post请求
SpringBoot项目的html页面使用axios进行get post请求
62 2
|
2月前
太便利了 !通义灵码方便生成html页面
太便利了 !通义灵码方便生成html页面
77 0
|
2月前
|
JavaScript 前端开发 Java
SpringBoot项目的html页面使用axios进行get post请求
SpringBoot项目的html页面使用axios进行get post请求
43 0
|
3月前
|
测试技术 数据安全/隐私保护
北邮人论坛登录页面测试用例
北邮人论坛登录页面测试用例
59 1
|
3月前
|
移动开发 前端开发 JavaScript
【HTML】HTML页面和常见标签
【HTML】HTML页面和常见标签
48 1
|
4月前
|
JavaScript 前端开发 Java
SpringBoot项目的html页面使用axios进行get post请求
SpringBoot项目的html页面使用axios进行get post请求
58 6
|
3月前
|
移动开发 HTML5
一个最简单的 HTML 页面结构如下:
HTML 是一种标记语言,用于描述网页结构。通过 `<html>`, `<head>`, `<body>` 等标签构建页面,支持文本、图像、链接、表格等多种元素。本文介绍了 HTML 基础,包括常用标签及创建简单网页的实例,帮助初学者快速入门。
98 0