electron框架开发的桌面应用 如何屏蔽webcontents的alert弹窗
时间: 2023-12-14 12:39:53 浏览: 83
可以使用Electron提供的webPreferences选项中的nodeIntegration和contextIsolation来实现屏蔽弹窗。具体做法是在BrowserWindow初始化时,将webPreferences配置中的nodeIntegration和contextIsolation都设置为true,再使用webContents.executeJavaScript()方法来注入自定义的window.alert()方法,使其覆盖浏览器默认的alert()方法,从而实现屏蔽弹窗。具体代码如下:
```
const { BrowserWindow } = require('electron')
// 创建新窗口
const win = new BrowserWindow({
webPreferences: {
nodeIntegration: true,
contextIsolation: true
}
})
// 注入自定义的alert方法
win.webContents.executeJavaScript(`
window.alert = function(message) {
// do nothing
}
`)
```
相关问题
有哪些基于electron框架开发的应用
1. Visual Studio Code:一个开源的代码编辑器。
2. Slack:一个团队沟通和协作平台。
3. Atom:一个开源的文本编辑器。
4. Discord:一个跨平台的语音和文字聊天应用。
5. GitHub Desktop:一个Git客户端。
6. Skype:一个视频通话和即时通讯软件。
7. WhatsApp Desktop:一个桌面版的WhatsApp。
8. Postman:一个API测试和开发工具。
9. Tusk:一个Evernote的开源客户端。
10. Franz:一个聚合多个即时通讯应用的客户端。
11. Electron Fiddle:一个用于测试和调试Electron应用的工具。
12. Insomnia:一个REST客户端,用于测试API。
13. Kap:一个开源的屏幕录制工具。
14. Hyper:一个基于Web技术的终端应用。
15. Light Table:一个开源的代码编辑器。
用electron框架写一个桌面应用程序
Electron是一个允许使用Web技术(HTML,CSS,JavaScript)构建跨平台桌面应用程序的框架。下面是一个简单的Electron桌面应用程序的示例:
1. 安装Node.js和npm
在开始之前,需要先安装Node.js和npm。如果您已经安装了,请跳过此步骤。
2. 初始化项目
使用npm初始化一个新的Electron项目:
```
npm init
```
3. 安装Electron
安装Electron:
```
npm install electron --save-dev
```
4. 创建主进程文件
在项目根目录下创建一个名为main.js的文件,它将作为应用程序的主进程。以下是一个简单的示例代码:
```
const { app, BrowserWindow } = require('electron')
function createWindow () {
const win = new BrowserWindow({
width: 800,
height: 600,
webPreferences: {
nodeIntegration: true
}
})
win.loadFile('index.html')
}
app.whenReady().then(() => {
createWindow()
app.on('activate', () => {
if (BrowserWindow.getAllWindows().length === 0) {
createWindow()
}
})
})
app.on('window-all-closed', () => {
if (process.platform !== 'darwin') {
app.quit()
}
})
```
5. 创建渲染进程文件
在项目根目录下创建一个名为index.html的文件,它将作为应用程序的渲染进程。以下是一个简单的示例代码:
```
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Hello World!</title>
</head>
<body>
<h1>Hello World!</h1>
</body>
</html>
```
6. 运行应用程序
运行应用程序:
```
npm start
```
这将启动Electron应用程序。您将看到一个窗口,其中包含一个标题为“Hello World!”的文本。
阅读全文