Electron中文文档

新手 685983304  中级 642625556 高级 602866851 Q群区别? 征集友情链接公告

推荐版:3.0.10   测试版:4.0.0-beta.8   极客版:4.0.0-nightly.20181010  

类: BrowserView

创建和控制视图

注意: BrowserView 的 API目前为实验性质,可能会更改或删除。

进程:主进程

BrowserView 被用来让 BrowserWindow 嵌入更多的 web 内容。 它就像一个子窗口,除了它的位置是相对于父窗口。 这意味着可以替代webview标签.

示例

// 在主进程中.
const {BrowserView, BrowserWindow} = require('electron')

let win = new BrowserWindow({width: 800, height: 600})
win.on('closed', () => {
  win = null
})

let view = new BrowserView({
  webPreferences: {
    nodeIntegration: false
  }
})
win.setBrowserView(view)
view.setBounds({ x: 0, y: 0, width: 300, height: 300 })
view.webContents.loadURL('https://electronjs.org')

new BrowserView([可选])实验功能

  • 选项 Object (可选)

静态方法

BrowserView.getAllViews()

返回 BrowserWindow[] - 所有打开的窗口的数组

BrowserView.fromWebContents(webContents)

返回 BrowserView | null - 如果内容不属于BrowserView,则它拥有返回的webContentsnull

BrowserView.fromId(id)

  • id Integer

返回 BrowserView - 带有id的视图.

实例属性

使用 new BrowserView 创建的对象具有以下属性:

view.webContents实验功能

视图的WebContents 对象

view.id实验功能

视图的唯一ID Integer.

实例方法

使用 new BrowserView创建的对象具有以下实例方法:

view.destroy()

强制关闭视图, 不会为网页发出 unload beforeunload 事件。 完成视图后, 请调用此函数, 以便尽快释放内存和其他资源。

view.isDestroyed()

返回 Boolean -判断窗口是否被销毁

view.setAutoResize(options)实验功能

  • 选项 Object
    • width Boolean - 如果为true,视图宽度跟随窗口变化. 默认为 false.
    • height Boolean - 如果为true,视图高度跟随窗口变化. 默认为 false.

view.setBounds(bounds)实验功能

调整视图的大小,并将它移动到窗口边界

view.setBackgroundColor(color)实验功能

  • color String - 颜色值格式为 #aarrggbb#argb, 透明度为可选参数.


相关npm包集合




相关站点资源





官方指南

常见问题 (FAQ)

指南和教程

详细教程

API 参考

自定义 DOM 元素:

主进程可用的模块:

渲染进程(网页)可用的模块:

两种进程都可用的模块:

开发

  • electron 如何加载解析 pdf 文件?三大方案解决问题
  • 对比理解 electron 中的常量 __dirname 和 __static
  • JS开发者社区

    和大家在一起

    新手/1元新手 685983304 
    中级/5元 中级 642625556
    高级/50元 高级 602866851