如何在手机上预览电脑本地移动端项目(web server)

手机预览pc本地移动端页面的前提

PC与手机在同一wifi下

关闭电脑防火墙



1.工具:谷歌插件web server


如何在手机上预览电脑本地移动端项目(web server)_第1张图片
web server 工具

2.如何获得web server:

打开谷歌浏览器——更多工具——拓展程序——搜索web server——添加至chrome


如何在手机上预览电脑本地移动端项目(web server)_第2张图片
选择web server

安装成功


如何在手机上预览电脑本地移动端项目(web server)_第3张图片
安装成功后

3.如何使用web server

打开web server ———chosse folder(选择项目文件夹)——web server :started(按钮开启)——http:192.168(本地ip开头的地址)


如何在手机上预览电脑本地移动端项目(web server)_第4张图片
选择打开项目

选择需要预览的文件


如何在手机上预览电脑本地移动端项目(web server)_第5张图片
打开html

接下来

打开guaguale.html


如何在手机上预览电脑本地移动端项目(web server)_第6张图片
点开html后

4.手机如何预览

预览方式一:

在手机浏览器中直接输入地址


如何在手机上预览电脑本地移动端项目(web server)_第7张图片
手机浏览器输入地址


预览方式二:

利用FeHelper助手(同样安装谷歌插件FeHelper)

如何在手机上预览电脑本地移动端项目(web server)_第8张图片
利用FeHelper生成二维码手机直接扫描预览

生成二维码


如何在手机上预览电脑本地移动端项目(web server)_第9张图片
扫描二维码

预览成功


如何在手机上预览电脑本地移动端项目(web server)_第10张图片
预览成功

注意:

1.pc与手机必须得在同一wifi上  才能预览

2.关闭电脑防火墙


如何在手机上预览电脑本地移动端项目(web server)_第11张图片
确保防火墙已关闭

你可能感兴趣的:(如何在手机上预览电脑本地移动端项目(web server))