从渲染器中打开窗口

有几种方法可以控制从渲染器中可信或不可信内容创建窗口的方式。窗口可以通过两种方式从渲染器中创建：

点击带有 target=_blank 的链接或提交表单
JavaScript 调用 window.open()

对于同源内容，新窗口会在同一个进程内创建，使得父窗口可以直接访问子窗口。这对于充当首选项面板或类似功能的应用程序子窗口非常有用，因为父窗口可以直接渲染到子窗口，就像它是父窗口中的 div 一样。这与浏览器中的行为相同。

Electron 在底层将这个原生的 Chrome Window 与一个 BrowserWindow 配对。你可以利用在主进程中创建 BrowserWindow 时所有可用的自定义选项，通过对渲染器创建的窗口使用 webContents.setWindowOpenHandler()。

BrowserWindow 构造函数选项的设置优先级递增顺序如下：从 window.open() 的 features 字符串中解析出的选项，从父窗口继承的安全相关的 webPreferences，以及通过 webContents.setWindowOpenHandler 提供的选项。请注意，webContents.setWindowOpenHandler 具有最终决定权和全部权限，因为它是在主进程中调用的。

`window.open(url[, frameName][, features])`

url 字符串
frameName 字符串 (可选)
features 字符串 (可选)

返回 Window | null

features 是一个逗号分隔的键值列表，遵循浏览器标准格式。为方便起见，Electron 将尽可能从该列表中解析出 BrowserWindowConstructorOptions。为了获得完全控制和更好的可用性，请考虑使用 webContents.setWindowOpenHandler 来自定义 BrowserWindow 的创建。

部分 WebPreferences 可以直接从 features 字符串中设置，无需嵌套：zoomFactor、nodeIntegration、preload、javascript、contextIsolation 和 webviewTag。

例如

window.open('https://github.com', '_blank', 'top=500,left=200,frame=false,nodeIntegration=no')

注意

如果父窗口禁用了 Node 集成，则打开的 window 中也将始终禁用 Node 集成。
如果父窗口启用了上下文隔离，则打开的 window 中也将始终启用上下文隔离。
如果父窗口禁用了 JavaScript，则打开的 window 中也将始终禁用 JavaScript。
在 features 中提供的非标准功能 (不被 Chromium 或 Electron 处理的) 将会传递给任何注册的 webContents 的 did-create-window 事件处理程序中的 options 参数。
frameName 遵循原生文档中 target 的规范。
当打开 about:blank 时，子窗口的 WebPreferences 将从父窗口复制而来，且无法覆盖，因为 Chromium 在这种情况下会跳过浏览器端导航。

要自定义或取消窗口的创建，你可以在主进程中选择使用 webContents.setWindowOpenHandler() 设置一个覆盖处理程序。返回 { action: 'deny' } 将取消窗口。返回 { action: 'allow', overrideBrowserWindowOptions: { ... } } 将允许打开窗口并设置创建窗口时使用的 BrowserWindowConstructorOptions。请注意，这比通过 features 字符串传递选项更强大，因为渲染器在决定安全偏好方面拥有的权限比主进程更有限。

除了传递 action 和 overrideBrowserWindowOptions 之外，还可以传递 outlivesOpener，例如：{ action: 'allow', outlivesOpener: true, overrideBrowserWindowOptions: { ... } }。如果设置为 true，则新创建的窗口在打开它的窗口关闭时不会关闭。默认值为 false。

原生 `Window` 示例

// main.js
const mainWindow = new BrowserWindow()

// In this example, only windows with the `about:blank` url will be created.
// All other urls will be blocked.
mainWindow.webContents.setWindowOpenHandler(({ url }) => {
  if (url === 'about:blank') {
    return {
      action: 'allow',
      overrideBrowserWindowOptions: {
        frame: false,
        fullscreenable: false,
        backgroundColor: 'black',
        webPreferences: {
          preload: 'my-child-window-preload-script.js'
        }
      }
    }
  }
  return { action: 'deny' }
})

// renderer process (mainWindow)
const childWindow = window.open('', 'modal')
childWindow.document.write('<h1>Hello</h1>')

window.open(url[, frameName][, features])​

原生 Window 示例​

`window.open(url[, frameName][, features])`

原生 `Window` 示例