我正在使用Electron開發瀏覽器。我一直在嘗試打開a 的開發人員工具webview，并使用該代碼做到了：document.getElementById("MyWebView").openDevTools();但問題是開發人員工具的窗口作為彈出窗口（另一個窗口）打開：https://i.stack.imgur.com/tBLfH.png我想知道誰可以并排打開它webview（通過創建另一個webview顯示開發人員工具或通過其他方式......）。 例如，這是Baker 瀏覽器的照片（Braker 瀏覽器是使用Electron開發的瀏覽器）： https://i.stack.imgur.com/vNOWO.png 以下是有關我正在使用的Electron當前版本的一些信息：Electron version: 8.2.0Chromium version: 80.0.3987.158NodeJS version: 12.13.0如果您需要提供一些缺失的信息來幫助我，請詢問。感謝您提前提供幫助！
2 回答
躍然一笑
TA貢獻1826條經驗 獲得超6個贊
事實證明這很簡單：
const wv = document.getElementById("MyWebView");
wv.addEventListener('dom-ready', () => {
const devtoolsView = document.getElementById('DevTools');
const browser = wv.getWebContents();
browser.setDevToolsWebContents(devtoolsView.getWebContents());
browser.openDevTools();
});
慕無忌1623718
TA貢獻1744條經驗 獲得超4個贊
單擊開發工具右上角的漢堡菜單圖標。該菜單頂部的“Dock side”項目應該允許您選擇所需工具的位置。
但在某些情況下，Chromium 對瀏覽器窗口沒有足夠的控制權，無法在其中放置開發工具。您可能會在嵌入式 Electron 視圖中遇到這個問題。
- 2 回答
- 0 關注
- 166 瀏覽
添加回答
舉報
0/150
提交
取消