亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

利用IIS測試,在手機上測試本地移動端頁面

標簽:
前端工具

想要测试本地代码的工具跟网站有挺多的,但是我今天讲的是其中的一种,利用IIS来测试。IIS可以在电脑上安装,具体安装如下:
我用的是win10系统,首先打开控制面板-程序-程序和功能-启用或关闭Window功能图片描述

然后找到 Internet Information Server ,如下图勾选,如果该选框下面的选项全部被勾选,就会呈现打对勾的状态,否则就是黑色的方狀
图片描述
勾选完成之后,点击确定就可以安装,等安装完成后。在搜索框中输入IIS,查找IIS,再对其进行配置
进入IIS,右键点击网站-添加网站
1.填写网站名称(随意起)
2.选择想要测试的项目目录
3.填写端口号(随意写,只要改端口没有已经被占用,我这里是8084)
图片描述

点击确定后,将会看到该网站已经生成

图片描述
至此我们已经完成了配置,那么我们该如何该如何进行测试呢?有两种方式,一种是将该网页链接生成二维码,用手机扫一扫进行查看,另一种是这届讲该链接发送到手机进行查看。二维码方式等下详说。现在的问题是,该链接如何获得?
首先说明,想要再手机端测试,必须有一个前提,那就是你的手机跟电脑必须在同个局域网下,手机跟电脑必须要连上通同一个wifi。现在来说说,链接的问题,链接是: ' http://ip:端口号/文件的路径 ' 。ip可以通过命令行的ipconfig命令查出,我的是192.168.1.108,端口号我刚刚设置为8084,假设我有一个index.html路径是test/a/index.html,那么我的链接名可以写成,http://192.168.1.108:8084/a/index.html
两种查看网页的方式,第一种就不说了,可以直接通过链接访问。第二种通过二维码的方式,可以搜索二维码生成,我一般是在草料二维码网站生成二维码图片描述
将链接贴上去生成二维码
这就是在手机上测试自己的本地代码的方式,移动端的页面的话,记得IOS跟安卓都需要测试,如果想直接在电脑上测试,可以利用http-server,但是这个我没有用过。

點擊查看更多內容
8人點贊

若覺得本文不錯,就分享一下吧!

評論

作者其他優質文章

正在加載中
Web前端工程師
手記
粉絲
8
獲贊與收藏
58

關注作者,訂閱最新文章

閱讀免費教程

感謝您的支持,我會繼續努力的~
掃碼打賞,你說多少就多少
贊賞金額會直接到老師賬戶
支付方式
打開微信掃一掃,即可進行掃碼打賞哦
今天注冊有機會得

100積分直接送

付費專欄免費學

大額優惠券免費領

立即參與 放棄機會
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號

舉報

0/150
提交
取消