vscode+Firefox实现前端移动真机测试

需要配件:

1.安装有火狐浏览器的移动端(手机);

2.安装有火狐浏览器和vscode的pc(电脑);

3.在vscode安装Live Server 插件

vscode+Firefox实现前端移动真机测试_第1张图片

 4.安装之后vscode右下角会有Go Live这个标识

 5.点击 Go Live 会在默认浏览器打开一个网页,我设置的火狐为默认浏览器,直接打开火狐

下面是我的火狐跳转页面

vscode+Firefox实现前端移动真机测试_第2张图片

6.通过火狐自带网址二维码小功能,实现移动端局域网内同步访问

vscode+Firefox实现前端移动真机测试_第3张图片

 7.这其中有一个小细节

这是本机的目前IP,通过查看自己pc在局域网内的临时IP,来同步 vscode中的Live Server中的host 如图

vscode+Firefox实现前端移动真机测试_第4张图片

8.还是写下如何查看自己pc的IP吧

vscode+Firefox实现前端移动真机测试_第5张图片

总结:最近在学前端移动web,关于如何真机测试,费了点时间,以上是本人目前最好的解决方法,有好的解决方案,随时更新记录...

你可能感兴趣的:(vscode+Firefox实现前端移动真机测试)