google-chrome - 如何在 Chrome 的弹出窗口上切换设备模式？

Question

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

谢谢!

Answer 1

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

• 在常规窗口中打开弹出窗口(复制粘贴网址，或修改 window.open 调用以打开新选项卡而不是单独的窗口)，
• 创建一个使用 debugger API 的 Chrome 扩展程序将 emulateNetworkConditions 消息发送到弹出窗口
• 或者尝试像这样破解 DevTools:
  • 打开弹出窗口的 DevTools (A)
  • 关注 DevTools 窗口，然后使用键盘快捷键 (F12/alt+cmd+J) 打开该窗口的另一个 DevTools (B)
  • 在 DevTools 的控制台中 B 调用 WebInspector.overridesSupport.setEmulationEnabled(true) (以启用模拟)，然后调用 WebInspector.overridesSupport.settings.networkConditions .set({吞吐量: 1.5 * 1024, 延迟: 40}); (启用网络限制)