需要配件:

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

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

3.在vscode安装Live Server 插件

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

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

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

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

下面是我的火狐跳转页面

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

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

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

 7.这其中有一个小细节

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

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

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

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

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

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

相关文章:

  • 2021-09-29
  • 2021-05-19
  • 2021-11-17
  • 2021-08-16
猜你喜欢
  • 2021-09-24
  • 2021-11-14
  • 2021-12-12
  • 2021-12-15
相关资源
相似解决方案