3种方法都需要手机电脑在统一局域网下。
-
通过http-server起服务
1.文件夹demo
内至少包含index.html
和server.js
2.打开node命令行,cd到文件夹demo
。执行node server.js
3.浏览器打开localhost:9000
server.js
const http = require('http') const fs = require('fs') http.createServer((req, res) => { fs.createReadStream('index.html').pipe(res) }).listen(9000) //9000端口号
4.手机和电脑连同一个局域网。查看电脑ip
5.在手机浏览器打开http://192.168.2.4:9000/
-
通过VSCode的插件live server
1. 把html
文件放到文件夹demo
中。用VSCode打开文件夹demo
live server是个web服务器工具,在vscode下方有个按钮,点一下就能启动浏览器,根目录就是当前的vscode项目目录.
2.在打开的html文件右下方,有个Go Live,点击Go Live就会自动在默认浏览器中打开HTML文件。默认端口可以在settings.json里查看。
本次demo默认端口5500
3.配置文件
ctrl+shift+p打开搜索,输入setting
查找配置文件,选择open user settings
;点击Edit in setting.json
可以打开配置文件"liveServer.settings.port": 5500,//设置本地服务的端口号 "liveServer.settings.CustomBrowser": "chrome", //设置默认打开的浏览器
4.在手机浏览器打开http://192.168.2.4:5500/
即可