I'm currently working on an ElectronJS app where I create a browserWindow
object using:
let window = new BrowserWindow({ width: 800, height: 600 });
I then load the contents on index.html
:
window.loadURL(url.format({
pathname: path.join(__dirname, 'index.html'),
protocol: 'file:',
slashes: true
}));
Finally, I add a browserView
object to the page:
let view = new BrowserView();
window.addBrowserView(view);
view.setBounds({ x: 0, y: 0, width: 400, height: 200 });
view.webContents.loadURL('https://www.google.com');
Everything works fine but I am unable to find any information on this window in my dev tools. I would like to be able to reference it in my HTML
and CSS
files to attach buttons and style it. Is this possible?