如何在 Chrome 中的 window 弹出窗口中切换设备模式?

How to toggle Device Mode on a popup window in Chrome?

我有一个网络应用程序,其中的聊天会在新的弹出窗口中打开 window。通常,在 Chrome 中,我可以按 F12 并单击智能 phone 的图标来切换它。但是在弹出窗口中 window 这个图标并没有出现。这对我来说很重要,因为我需要限制弹出窗口的连接以模拟用户从聊天中断开连接。

谢谢!

目前看来是不可能的。我打开了 ticket for you。同时你有几个选择:

  • 在常规 window 中打开弹出窗口(复制粘贴 url,或修改 window.open 调用以打开新选项卡而不是单独的 window),
  • 创建一个 Chrome 扩展,使用 debugger API 向您的弹出窗口发送 emulateNetworkConditions 消息 window
  • 或者尝试像这样破解 DevTools:
    • 为您的弹出窗口打开 DevTools (A)
    • 专注于 DevTools window 并使用键盘快捷键 (F12/alt+cmd+ J)
    • 在 DevTools 的控制台中 B 调用 WebInspector.overridesSupport.setEmulationEnabled(true)(启用仿真)然后 WebInspector.overridesSupport.settings.networkConditions.set({throughput: 1.5 * 1024, latency: 40});(启用网络节流)

也许从今天开始更简单的方法是安装 chrome 扩展程序,这样您就可以在新选项卡中打开预览而不是弹出窗口。在那里,您可以使用相同的图标切换到移动设备。下面是扩展: https://chrome.google.com/webstore/detail/tag-assistant-companion/jmekfmbnaedfebfnmakmokmlfpblbfdm?hl=en