Html electron webview模拟手机屏幕

Html electron webview模拟手机屏幕,html,iframe,webview,electron,embed,Html,Iframe,Webview,Electron,Embed,我正在制作一个电子桌面应用程序,试图模拟谷歌设备工具栏,如果我使用iframe,我会得到所需的行为,网页会填满整个屏幕(没有水平滚动条),但我不能嵌入具有相同来源策略的网站,另一方面,webview可以显示这些网站,但我无法模拟设备的高度和宽度,对于较小的设备,只有部分网页可见,您必须水平滚动才能看到页面。有什么办法可以解决这个问题吗?有点晚了,但是这里有一个解决方案(如果我理解正确的话): 或 额外信息: 确保你使用 webPreferences:{ 无融合:没错, webviewT

我正在制作一个电子桌面应用程序,试图模拟谷歌设备工具栏,如果我使用iframe,我会得到所需的行为,网页会填满整个屏幕(没有水平滚动条),但我不能嵌入具有相同来源策略的网站,另一方面,webview可以显示这些网站,但我无法模拟设备的高度和宽度,对于较小的设备,只有部分网页可见,您必须水平滚动才能看到页面。有什么办法可以解决这个问题吗?

有点晚了,但是这里有一个解决方案(如果我理解正确的话):



额外信息:


确保你使用

webPreferences:{
无融合:没错,
webviewTag:true
}

是的,您正确理解了我的问题,我完全没有意识到您需要随请求发送您想要获取信息的设备类型。我会接受你的回答,这样将来可能会帮助别人
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'