如何在桌面上模拟移动(android)浏览器

Question

我正在尝试调试只有在我从移动浏览器访问移动网站时才会出现的问题.我强烈怀疑问题的根本原因是由于多次访问同一页面时发生的缓存.

当我从Android手机访问页面时,我可以一致地重现问题,但如果我使用桌面浏览器,则问题永远不会发生.

因为我不能在我的Android手机上使用任何开发人员工具,所以我真的需要从桌面浏览器重现问题,以便我有一些调试方法.我已尝试使用适当的User-Agent标头设置同时使用Firefox和Chrome(以便显示该网站的移动版本),但这不起作用.

是否有更好的方法可以从桌面模拟移动浏览器的行为,允许客户端代码可以调试？FWIW,我相当自信我也可以在iPhone上重现这个问题,但没有一个可用.

Answer 1

您可以使用chrome调试器在手机上使用调试器.

如今,您可以在插入设备后导航到chrome:// inspect /#devices.

如果这不起作用,您可以使用旧方法:

1. 使用USB电缆将移动设备连接到主机
2. 在移动设备上,启动Chrome.打开设置>高级>开发人员工具,然后选中启用USB Web调试选项
3. 在主机的控制台中发出以下命令以启用端口转发:
   adb forward tcp:9222 localabstract:chrome_devtools_remote
4. 打开桌面Chrome并导航到localhost:9222
5. 选择您需要调试的页面
6. 您现在可以在桌面上的开发人员工具中开始调试和分析移动内容