Skip to main content

WebContentsView

WebContents를 표시하는 View.

프로세스: Main

이 모듈은 app 모듈의 ready 이벤트가 발생할 때까지 사용할 수 없다.

const { BaseWindow, WebContentsView } = require('electron')
const win = new BaseWindow({ width: 800, height: 400 })

const view1 = new WebContentsView()
win.contentView.addChildView(view1)
view1.webContents.loadURL('https://electronjs.org')
view1.setBounds({ x: 0, y: 0, width: 400, height: 400 })

const view2 = new WebContentsView()
win.contentView.addChildView(view2)
view2.webContents.loadURL('https://github.com/electron/electron')
view2.setBounds({ x: 400, y: 0, width: 400, height: 400 })

Class: WebContentsView extends View​

웹 콘텐츠를 표시하는 뷰

프로세스: Main

WebContentsView는 View를 상속받는다.

WebContentsView는 EventEmitter이다.

new WebContentsView([options])​

  • options Object (선택 사항)
    • webPreferences WebPreferences (선택 사항) - 웹 페이지 기능 설정.
    • webContents WebContents (선택 사항) - 이 값이 주어지면, 해당 WebContents가 WebContentsView에 포함된다. 하나의 WebContents는 한 번에 하나의 WebContentsView에만 표시될 수 있다.

WebContentsView를 생성한다.

인스턴스 속성​

new WebContentsView로 생성된 객체는 View에서 상속받은 속성 외에 다음과 같은 속성을 가진다:

view.webContents Readonly​

view.webContents는 표시된 WebContents에 대한 참조를 포함하는 프로퍼티이다. 이 프로퍼티를 사용해 WebContents와 상호작용할 수 있다. 예를 들어 URL을 로드하는 등의 작업을 수행할 수 있다.

const { WebContentsView } = require('electron')
const view = new WebContentsView()
view.webContents.loadURL('https://electronjs.org/')