electron html触发will-download

当用户点击一个链接或使用JavaScript代码下载文件时，electron会触发will-download事件。这个事件允许应用程序拦截文件下载并执行一些操作，例如显示一个下载进度条，或者将文件保存到一个自定义的位置。

以下是一个示例代码，演示如何使用will-download事件拦截文件下载：

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

app.on('ready', () => {
  const win = new BrowserWindow()
  win.loadURL('https://github.com')

  win.webContents.session.on('will-download', (event, item, webContents) => {
    // 阻止文件的默认下载行为
    event.preventDefault()

    // 显示一个下载进度条
    item.setSavePath('/path/to/save/file.ext')
    item.on('updated', (event, state) => {
      if (state === 'interrupted') {
        console.log('下载被中断，但是可以恢复')
      } else if (state === 'progressing') {
        if (item.isPaused()) {
          console.log('下载被暂停')
        } else {
          console.log(`下载速度: ${item.getReceivedBytes() / item.getTotalBytes()}%`)
        }
      }
    })
    item.once('done', (event, state) => {
      if (state === 'completed') {
        console.log('文件下载完成')
      } else {
        console.log(`文件下载失败，错误代码: ${state}`)
      }
    })

    // 开始下载
    item.resume()
  })
})

在这个例子中，我们创建了一个BrowserWindow，并在其中加载了github.com。当用户点击一个下载链接时，会触发will-download事件。我们在事件处理程序中阻止了文件的默认下载行为，并使用了一些API来显示一个下载进度条。最后，我们手动启动了文件的下载过程。

在实际应用中，你可以根据自己的需求来定制will-download事件的处理方式。例如，你可以将文件保存到一个自定义的位置，或者在下载完成后打开文件