electron 样式不加载_Electron中的坑和经验

#1 控制中弹出的窗口

需要监听一个的弹窗事件时，有两种方法：

document.getElementById('webview1').addEventListener('new-window', (e) => {

console.log(e.url)

}

和

document.getElementById('webview1').addEventListener('dom-ready', () => {

const contents = document.getElementById('webview1').getWebContents();

contents.on('new-window', (event, url) => {

event.preventDafault();

console.log(url);

});

});

第一种更简单。

第二种看起来支持阻止事件传播，但实际上，如果启用的allowpopups，窗口仍会弹出。

一种好的做法是，禁用allowpopups，使用第一种方法来监听，并发送想要的url给主进程，由主进程创建和管理window。

#2 使用require.js的页面加载报错

有些页面使用了require.js加载模组，它增加了require()方法，这和node自身require的关键字冲突，可能带来错误或其他无法预测的问题。

在这种页面中，应该设置：

<