移动端使用谷歌浏览器来实时测试你的webapp

时间:2024-03-15 08:34:53

在做webap的时候,会遇到这个问题,利用谷歌自带的测试工具调好样式,部署到服务器后在手机上测试的时候会有误差,这时候如果能够在手机上实时预览效果的话简直棒极了

1.USB 连接你的安卓手机,打开USB调试。确保USB连接正常

移动端使用谷歌浏览器来实时测试你的webapp

2.电脑运行你的webapp,在开发者工具中打开 Remote devices 菜单。

移动端使用谷歌浏览器来实时测试你的webapp

3.在左边选择 Settings ,点击 Add Rule 输入端口号,我的是8888 端口

4.你可以在你的手机上打开Chrome,打开 http://localhost:8888/,就可以不需要部署到服务器实时查看的webapp在手机上的运行效果了。