BrowserView
History
| Version(s) | Changes |
|---|---|
None | API DEPRECATED |
참고
BrowserView클래스는 더 이상 사용되지 않으며, 새로운WebContentsView클래스로 대체되었다.
BrowserView는 추가 웹 콘텐츠를 BrowserWindow에 임베드하는 데 사용할 수 있다. 이는 자식 윈도우와 유사하지만, 소유한 윈도우에 상대적으로 위치한다. webview 태그의 대안으로 설계되었다.
Class: BrowserView
History
| Version(s) | Changes |
|---|---|
None | API DEPRECATED |
뷰를 생성하고 제어한다.
참고
BrowserView클래스는 더 이상 사용되지 않으며, 새로운WebContentsView클래스로 대체되었다.
프로세스: Main
이 모듈은 app 모듈의 ready 이벤트가 발생하기 전에는 사용할 수 없다.
예제
// 메인 프로세스에서
const { app, BrowserView, BrowserWindow } = require('electron')
app.whenReady().then(() => {
const win = new BrowserWindow({ width: 800, height: 600 })
const view = new BrowserView()
win.setBrowserView(view)
view.setBounds({ x: 0, y: 0, width: 300, height: 300 })
view.webContents.loadURL('https://electronjs.org')
})
new BrowserView([options]) 실험적 더 이상 사용되지 않음
History
| Version(s) | Changes |
|---|---|
None | API DEPRECATED |
인스턴스 속성
new BrowserView로 생성된 객체는 다음과 같은 속성을 갖는다:
view.webContents 실험적 더 이상 사용되지 않음
History
| Version(s) | Changes |
|---|---|
None | API DEPRECATED |
이 뷰가 소유한 WebContents 객체이다.
인스턴스 메서드
new BrowserView로 생성된 객체는 다음과 같은 인스턴스 메서드를 제공한다:
view.setAutoResize(options) 실험적 사용 중단
YAML history changes:
- pr-url: https://github.com/electron/electron/pull/35658 description: "모든 플랫폼에서 자동 크기 조정 동작을 표준화" breaking-changes-header: behavior-changed-browserviewsetautoresize-behavior-on-macos deprecated:
- pr-url: https://github.com/electron/electron/pull/35658 breaking-changes-header: deprecated-browserview
view.setBounds(bounds) 실험적 더 이상 사용되지 않음
History
| Version(s) | Changes |
|---|---|
None | API DEPRECATED |
boundsRectangle
윈도우를 기준으로 제공된 경계에 맞게 뷰의 크기를 조정하고 위치를 이동한다.
view.getBounds() 실험적 기능 더 이상 사용되지 않음
History
| Version(s) | Changes |
|---|---|
None | API DEPRECATED |
Rectangle을 반환한다.
이 BrowserView 인스턴스의 bounds를 Object 형태로 반환한다.
view.setBackgroundColor(color) 실험적 사용 중단됨
History
| Version(s) | Changes |
|---|---|
None | API DEPRECATED |
colorstring - Hex, RGB, ARGB, HSL, HSLA 또는 CSS 색상 이름 형식으로 지정된 색상. Hex 타입의 경우 알파 채널은 선택 사항이다.
유효한 color 값의 예:
- Hex
#fff(RGB)#ffff(ARGB)#ffffff(RRGGBB)#ffffffff(AARRGGBB)
- RGB
rgb\(([\d]+),\s*([\d]+),\s*([\d]+)\)- 예:
rgb(255, 255, 255)
- 예:
- RGBA
rgba\(([\d]+),\s*([\d]+),\s*([\d]+),\s*([\d.]+)\)- 예:
rgba(255, 255, 255, 1.0)
- 예:
- HSL
hsl\((-?[\d.]+),\s*([\d.]+)%,\s*([\d.]+)%\)- 예:
hsl(200, 20%, 50%)
- 예:
- HSLA
hsla\((-?[\d.]+),\s*([\d.]+)%,\s*([\d.]+)%,\s*([\d.]+)\)- 예:
hsla(200, 20%, 50%, 0.5)
- 예:
- 색상 이름
- 옵션은 SkParseColor.cpp에서 확인할 수 있다.
- CSS Color Module Level 3 키워드와 유사하지만 대소문자를 구분한다.
- 예:
blueviolet또는red
- 예:
참고: 알파 채널이 있는 Hex 형식은 AARRGGBB 또는 ARGB를 사용하며, RRGGBBAA 또는 RGB는 사용하지 않는다.