npm——利用serve实现真机调试

目标

写了一个网页,需要在移动端进行测试。

PC与手机在同一个WIFI下。

serve

是一个快速启动静态服务器的npm包。

简单使用

准备一个index.html:

<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"
		  name="viewport">
	<meta content="ie=edge" http-equiv="X-UA-Compatible">
	<title>Document</title>
</head>
<body>
<h1>你好,世界!</h1>
</body>
</html>

启动服务器:

npx serve

效果:
第一个是本机访问的地址。
第二个是局域网内访问的地址。

在这里插入图片描述

PC端:

在这里插入图片描述
移动端:

在这里插入图片描述

是不是任意服务器都可以呢?

为此,我又建了一个parcel项目。
端口是1234。

在这里插入图片描述
PC端:

在这里插入图片描述
移动端:IP不变,改端口号。

在这里插入图片描述
看来是可以的。

如何获取这个IP地址?

命令行:

ipconfig

找:IPv4地址。
在这里插入图片描述

外网怎么办?

简单的方式还是开热点,转换成内网。

用这功能还能做什么?

局域网文件传输,不需要互联网。

猜你喜欢

转载自blog.csdn.net/qq_37284843/article/details/124310057