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

how to emulate a mobile (android) browser on desktop

本文关键字：android 浏览器 移动 模拟 桌面      更新时间：2023-09-26

我试图调试一个问题，只有当我从移动浏览器访问移动网站时才会发生。我强烈怀疑问题的根本原因是由于多次访问同一页面时发生的缓存。

当我用Android手机访问页面时，我可以一直重现这个问题，但如果我使用桌面浏览器，这个问题就不会发生。

因为我不能在我的Android手机上使用任何开发工具，我真的需要在桌面浏览器上重现这个问题，这样我就有了一些调试的方法。我已经尝试过使用Firefox和Chrome，并对用户代理头进行适当的设置(以便显示网站的移动版本)，但这不起作用。

是否有更好的方法从桌面模拟移动浏览器的行为，以一种允许客户端代码可以调试的方式?顺便说一句，我很有信心我也可以在iPhone上重现这个问题，但我没有可用的iPhone。

您可以在您的手机上使用调试器，使用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. 你现在可以在桌面上的开发人员工具中开始调试和分析移动内容
相关文章：