如何在 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
我有一个网络应用程序,其中的聊天会在新的弹出窗口中打开 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