时间戳

首页 > 解决方案 > DevTools 与页面断开连接，电子

javascript - DevTools 与页面断开连接，电子

问题描述

伙计们，我需要在我的电子应用程序中打开一些 Web 应用程序，我使用了<webview>标签，但电子的 [官方文档][1] 提供使用BrowserView。
所以我使用BrowserView了，但是我得到了 DevTools 与页面错误断开连接！
只是我需要 DevTools，BrowserView而不是我的整个应用程序。我应该怎么办？

我的代码：只是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();
});

标签： javascriptelectrondesktop-application

解决方案

openDevTools基本上是一个函数webContents（当使用BrowserWindow它时只被重定向）

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

win.webContents.openDevTools()

而对于BrowserView与

view.webContents.openDevTools()

推荐阅读