javascript - DevTools 与页面断开连接,electron

标签 javascript electron desktop-application

伙计们,我需要在我的 Electron 应用程序中打开一些网络应用程序,我使用了 <webview>标记,但 electron 的 [官方文档][1] 提供使用 BrowserView .
所以我用了BrowserView ,但是我得到了 DevTools was disconnected from the page 错误!
只是我的 BrowserView 需要 DevTools不是我的整个应用程序。我应该怎么办?

我的代码:只是main.js

const {app, BrowserView, BrowserWindow} = require('electron');

let win;
let view;
app.on('ready', () => {
    win = new BrowserWindow({width: 800, height: 600});
    win.on('closed', () => {
        win = null
    });
    view = new BrowserView({
        webPreferences: {
            nodeIntegration: false
        }
    });
    win.setBrowserView(view);
    view.setBounds({x: 0, y: 0, width: 800, height: 600});
    view.webContents.loadURL('https://example.com');
    win.openDevTools();
});

最佳答案

openDevTools基本上是 webContents 的函数(当在 BrowserWindow 上使用时它只是 redirected )

所以你可以打开主窗口的devtools

win.webContents.openDevTools()

对于 BrowserView

view.webContents.openDevTools()

关于javascript - DevTools 与页面断开连接,electron,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54998062/

相关文章:

javascript - Electron "MAIN": requiring you own js file and call function from it

javascript - 一段时间后 Canvas 停止跟踪鼠标

java - 在 Java GUI 中显示 HTML/CSS

javascript - 有没有办法在 Vue 中验证多个 Prop ?

javascript - 为什么将 $(this) 分配给 var

windows - 打包的 Electron 应用程序 (.exe) 无提示崩溃,通过命令行运行正常

apache-flex - Adobe AIR 应用程序与传统桌面应用程序相比有何优势?

javascript - 折叠页面上相同的 div ID

javascript - 如果我不需要继承或优化,我应该使用原型(prototype)吗

c# - 使用 System.Threading 使用 50% CPU 的简单 .exe