如何在桌面电脑上模拟移动(安卓)浏览器

7
我正在尝试调试一个问题,只有在从移动浏览器访问移动网站时才会出现。我强烈怀疑问题的根本原因是当您多次访问同一页面时发生的缓存问题。
当我从我的Android手机访问该页面时,我可以稳定地重现这个问题,但如果我使用桌面浏览器,则永远不会出现问题。
由于我无法在Android手机上使用任何开发工具,因此我真的需要从桌面浏览器中重现该问题,以便我有一种调试方式。我已经尝试过使用Firefox和Chrome,并设置了适当的User-Agent标头(以显示移动网站版本),但这并不起作用。
是否有更好的方法来模拟桌面端行为的移动浏览器,以便客户端代码可以进行调试?FWIW,我相当自信我也可以在iPhone上重现这个问题,但没有可用的iPhone。

网站在线吗?如果您能描述如何重现问题,我可以在iPhone上进行测试。 - 11684
@11684 谢谢你的提议,但目前只能在本地重现。 - Dónal
1个回答

10

您可以使用手机上的调试器,使用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. 现在,您可以在桌面版开发工具中开始调试和分析移动内容了

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接