在 ElectronJS 中将页面另存为 HTML

在 ElectronJS 中，我们可以使用 webContents.savePage 方法将当前页面保存为 HTML 文件。这个方法需要一个参数，即要保存的文件路径，还可以传递一些可选参数，例如页面标题和保存类型等。

使用示例

下面是一个简单的示例，演示如何使用 ElectronJS API 将当前页面保存为 HTML 文件：

const { dialog, getCurrentWindow } = require('electron').remote
const fs = require('fs')

// 获取当前窗口的 webContents 对象
const webContents = getCurrentWindow().webContents

// 显示保存文件对话框
dialog.showSaveDialog({
  title: 'Save page as HTML',
  defaultPath: 'index.html',
  filters: [
    { name: 'HTML Files', extensions: ['html', 'htm'] }
  ]
}).then(result => {
  if (result.canceled) return

  // 调用 savePage 方法将页面保存为 HTML 文件
  webContents.savePage(result.filePath, 'HTMLComplete', (error) => {
    if (error) {
      console.error(error)
      dialog.showErrorBox('Error', error.message)
    } else {
      console.log(`Page saved to ${result.filePath}`)
      dialog.showMessageBox({
        type: 'info',
        message: 'Page saved successfully!',
        title: 'Success'
      })
    }
  })
}).catch(error => {
  console.error(error)
  dialog.showErrorBox('Error', error.message)
})

在上面的示例中，我们首先使用 dialog.showSaveDialog 方法显示保存文件对话框，并设置了一些选项。在用户选择了要保存的文件路径之后，我们调用 webContents.savePage 方法将页面保存为 HTML 文件。在保存完成后，我们显示一个提示框告知用户保存成功。

可选参数

webContents.savePage 方法还可以接受一个可选的参数对象，其中包含以下选项：

• saveType（字符串）：用于指定页面保存类型的字符串。可以是 HTMLOnly、HTMLComplete、MHTML 中的一个。默认值为 HTMLComplete。
• pageTitle（字符串）：用于指定保存后的页面标题。默认为当前页面的标题。
• mhtml（布尔值）：当 saveType 参数设置为 MHTML 时，该选项指定是否同时保存所有相关文件。如果设置为 true，则将所有文件保存到单个 MHTML 文件中。如果设置为 false，则只保存 HTML 文件。默认为 false。

例如，要将页面保存为 MHTML 文件，可以这样调用：

webContents.savePage('/path/to/file.mhtml', { saveType: 'MHTML', mhtml: true })

总结

在本文中，我们了解了如何使用 ElectronJS API 将页面另存为 HTML 文件，并演示了一个示例。除了必须的文件路径参数外，我们还可以传递一些可选参数以控制保存操作。希望本文对你有所帮助。