javascript - 如何在WebView中打开开发人员工具

Question

我正在使用Electron开发浏览器。我一直在尝试打开webview的开发人员工具，并使用该代码完成了该工作:

document.getElementById("MyWebView").openDevTools();

但是问题在于开发人员工具的窗口是作为弹出窗口(另一个窗口)打开的:


我想知道谁可以与webview并排打开(通过创建另一个显示开发人员工具的webview或通过其他方式...)。
例如，这是Baker Browser的照片(Braker Browser是使用Electron开发的浏览器):


以下是有关我正在使用的Electron当前版本的一些信息:

Electron version: 8.2.0
Chromium version: 80.0.3987.158
NodeJS version: 12.13.0

如果您需要一些缺少的信息来帮助我，请提出要求。感谢您的提前帮助!

*编辑:**

Answer 1

单击devtools右上方的汉堡菜单图标。该菜单顶部的“Dock side”项应允许您选择工具的位置。

但是在某些情况下，Chromium对浏览器窗口没有足够的控制权，无法在其中放置devtools。您的嵌入式 Electron View 可能会遇到该问题。