失眠网,内容丰富有趣,生活中的好帮手!
失眠网 > 技术分享:前端开发中电脑和手机联调的方法

技术分享:前端开发中电脑和手机联调的方法

时间:2021-09-23 15:41:46

相关推荐

技术分享:前端开发中电脑和手机联调的方法

如果是普通的H5页面,那么电脑和手机处于一个局域网,手机就可以访问电脑启动的前端项目了。

例如,项目地址是 http://192.168.43.241:8088,在手机直接访问http://192.168.43.241:8088即可。

如果想要手机和电脑的网页同步的话,可以在手机中安装 chrome浏览器,USB 连接电脑(手机需要开启开发者模式),然后在电脑的 chrome 浏览器中打开 chrome://inspect ,打开一个新的标签,输入要访问的前端项目地址,这样手机就可以看到和电脑上同步的网页。

然后在手机和电脑上就会同时出现这个项目的网页,且手机和电脑的网页是同步的。

如果是App 内嵌的H5页面,步骤和上面的第二种方法基本一致:手机usb连接电脑,在电脑的 chrome 浏览器中打开chrome://inspect ,然后在手机上打开测试版 App 想要测试的网页,在电脑上chrome 浏览器中点击网页下方的inspect,这样就可以在手机和电脑上同步看到App 内嵌的H5页面。

如果觉得《技术分享:前端开发中电脑和手机联调的方法》对你有帮助,请点赞、收藏,并留下你的观点哦!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。