电子webview模拟手机屏幕

Question

我正在制作一个电子桌面应用程序，试图模拟google设备工具栏，如果我使用iframe，我可以通过网页填充整个屏幕(没有水平滚动条)获得想要的行为，但是我不能嵌入具有相同来源策略的网站，另一方面，webview可以显示这些网站，但是我不能模拟设备的高度和宽度，因为较小的设备只能看到网页的一部分，而且你必须水平滚动才能看到页面。有办法绕过这件事吗？

Answer 1

right?)有点晚，但这里有一个解决方案(如果我理解的话)

<webview src="https://instagram.com/direct/inbox" useragent="Mozilla/5.0 (Linux; Android 4.2.1; en-us; Nexus 5 Build/JOP40D) AppleWebKit/535.19 (KHTML, like Gecko; googleweblight) Chrome/38.0.1025.166 Mobile Safari/535.19"></webview>

或

const webview = document.querySelector('webview')

webview.useragent = "Mozilla/5.0 (Linux; Android 4.2.1; en-us; Nexus 5 Build/JOP40D) AppleWebKit/535.19 (KHTML, like Gecko; googleweblight) Chrome/38.0.1025.166 Mobile Safari/535.19"
webview.src = 'https://instagram.com/direct/inbox'

额外信息：

电子用户剂

用户代理列表

确保使用https://github.com/electron/electron/issues/18145

webPreferences: {
  nodeIntegration: true,
  webviewTag: true
}