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

Question

我有一个带有聊天的网络应用，可在新的弹出窗口中打开。通常情况下，在Chrome中我可以点击F12并点击智能手机的图标进行切换。但是在弹出窗口中，此图标不会出现。这对我很重要，因为我需要限制弹出窗口的连接，以模拟用户与聊天断开连接。

谢谢！

Answer 1

目前似乎不可能。我打开了ticket for you。同时你有几个选择：

• 在常规窗口中打开弹出窗口（复制粘贴网址，或修改window.open调用以打开新标签而不是单独的窗口），
• 创建一个Chrome扩展程序，使用debugger API向您的弹出窗口发送emulateNetworkConditions消息
• 或尝试像这样黑客攻击DevTools：
  • 为您的弹出窗口打开DevTools（ A ）
  • 关注DevTools窗口并使用键盘快捷键（F12 / alt + cmd + J）打开该窗口的另一个DevTools（ B ）
  • 在DevTools的控制台中 B 调用WebInspector.overridesSupport.setEmulationEnabled(true)（启用模拟），然后WebInspector.overridesSupport.settings.networkConditions.set({throughput: 1.5 * 1024, latency: 40});（启用网络限制）