Question

我用电子开发了一个工具。应用程序中有两个webview组件。一个显示html页面，另一个显示调试页面的chrome devtools。目前的解决方案是：

const browserContents = browserView.getWebContents()
const devtoolsContents = devtoolsView.getWebContents()

browserContents.setDevToolsWebContents(devtoolsContents)
browserContents.debugger.attach();

browserContents.openDevTools({
     detach: true
})

browserContents.debugger.sendCommand(    // not work
          'Emulation.setTouchEmulationEnabled', 
  {
    enabled: true,
    configuration: 'mobile',
  }, function(err){
     if(err){console.log("Emulation err:", err);}
  }
);

上面的代码可以解决问题，但setTouchEmulationEnabled不起作用。那么，我想问一下如何解决这个问题是否有任何好的想法？

Answer 1

<webview-1>.addEventListener('dom-ready', () => {
    require("electron").remote.webContents.fromId(<webview-1>.getWebContentsId()).setDevToolsWebContents(remote.webContents.fromId(<webview-2>.getWebContentsId()));
});

在电子的另一个webview中打开webview的devtools？

1 个答案: