Improve grammar
* Improve grammar * Standardize docs * Fix typos
This commit is contained in:
parent
456154a6a2
commit
b4eca40d07
8 changed files with 95 additions and 96 deletions
|
@ -7,7 +7,7 @@
|
|||
* [네이티브 Node 모듈 사용하기](tutorial/using-native-node-modules.md)
|
||||
* [메인 프로세스 디버깅하기](tutorial/debugging-main-process.md)
|
||||
* [Selenium 과 WebDriver 사용하기](tutorial/using-selenium-and-webdriver.md)
|
||||
* [개발자 콘솔 확장기능](tutorial/devtools-extension.md)
|
||||
* [개발자 도구 확장 기능](tutorial/devtools-extension.md)
|
||||
* [Pepper 플래시 플러그인 사용하기](tutorial/using-pepper-flash-plugin.md)
|
||||
|
||||
## 튜토리얼
|
||||
|
|
|
@ -28,7 +28,7 @@ HTTP 요청 캐시를 비활성화 합니다.
|
|||
|
||||
## --remote-debugging-port=`port`
|
||||
|
||||
지정한 `port`에 HTTP 기반의 리모트 디버거를 활성화 시킵니다. (개발자 콘솔)
|
||||
지정한 `port`에 HTTP 기반의 리모트 디버거를 활성화 시킵니다. (개발자 도구)
|
||||
|
||||
## --js-flags=`flags`
|
||||
|
||||
|
|
|
@ -1,6 +1,6 @@
|
|||
# MenuItem
|
||||
|
||||
`menu-item` 모듈은 어플리케이션 또는 컨텍스트 [`menu`](menu.md)에 아이템을 추가할 수 있도록 관련 클래스를 제공합니다.
|
||||
`menu-item` 모듈은 어플리케이션 또는 컨텍스트 [`menu`](menu.md)에 항목 아이템을 추가할 수 있도록 관련 클래스를 제공합니다.
|
||||
|
||||
[`menu`](menu.md)에서 예제를 확인할 수 있습니다.
|
||||
|
||||
|
@ -25,10 +25,9 @@
|
|||
* `id` String - 현재 메뉴 아이템에 대해 유일키를 지정합니다. 이 키는 이후 `position` 옵션에서 사용할 수 있습니다.
|
||||
* `position` String - 미리 지정한 `id`를 이용하여 메뉴 아이템의 위치를 세밀하게 조정합니다.
|
||||
|
||||
메뉴 아이템을 생성할 때, 매칭되는 액션이 있다면 수동으로 직접 구현하는 대신 `role`을 설정하여,
|
||||
고유 OS 경험을 최대한 살릴 것을 권장합니다.
|
||||
메뉴 아이템을 생성할 때, 다음 목록과 일치하는 표준 동작은 수동으로 직접 구현하는 대신 `role` 속성을 지정하여 고유 OS 경험을 최대한 살릴 수 있습니다.
|
||||
|
||||
`role` 속성은 다음 값을 가질 수 있습니다.:
|
||||
`role` 속성은 다음 값을 가질 수 있습니다:
|
||||
|
||||
* `undo`
|
||||
* `redo`
|
||||
|
@ -36,16 +35,16 @@
|
|||
* `copy`
|
||||
* `paste`
|
||||
* `selectall`
|
||||
* `minimize` - 현재 윈도우를 최소화 합니다.
|
||||
* `close` - 현재 윈도우를 닫습니다.
|
||||
* `minimize` - 현재 윈도우를 최소화합니다
|
||||
* `close` - 현재 윈도우를 닫습니다
|
||||
|
||||
OS X에서 `role`은 다음 값을 추가로 가질 수 있습니다.
|
||||
OS X에서의 `role`은 다음 값을 추가로 가질 수 있습니다:
|
||||
|
||||
* `about` - `orderFrontStandardAboutPanel` 액션에 매핑합니다.
|
||||
* `hide` - `hide` 액션에 매핑합니다.
|
||||
* `hideothers` - `hideOtherApplications` 액션에 매핑합니다.
|
||||
* `unhide` - `unhideAllApplications` 액션에 매핑합니다.
|
||||
* `front` - `arrangeInFront` 액션에 매핑합니다.
|
||||
* `window` - 부메뉴가 "Window" 메뉴입니다.
|
||||
* `help` - 부메뉴가 "Help" 메뉴입니다.
|
||||
* `services` - 부메뉴가 "Services" 메뉴입니다.
|
||||
* `about` - 매핑된 `orderFrontStandardAboutPanel` 액션
|
||||
* `hide` - 매핑된 `hide` 액션
|
||||
* `hideothers` - 매핑된 `hideOtherApplications` 액션
|
||||
* `unhide` - 매핑된 `unhideAllApplications` 액션
|
||||
* `front` - 매핑된 `arrangeInFront` 액션
|
||||
* `window` - 부 메뉴를 가지는 "Window" 메뉴
|
||||
* `help` - 부 메뉴를 가지는 "Help" 메뉴
|
||||
* `services` - 부 메뉴를 가지는 "Services" 메뉴
|
||||
|
|
|
@ -1,9 +1,8 @@
|
|||
# webContents
|
||||
|
||||
`webContents`는
|
||||
[EventEmitter](http://nodejs.org/api/events.html#events_class_events_eventemitter)입니다.
|
||||
`webContents`는 [EventEmitter](http://nodejs.org/api/events.html#events_class_events_eventemitter)를 상속받았습니다.
|
||||
|
||||
웹페이지의 렌더링과 관리를 책임지며 [`BrowserWindow`](browser-window.md)의 속성입니다. 다음은 `webContents` 객체를 접근하는 예입니다:
|
||||
웹 페이지의 렌더링과 관리를 책임지며 [`BrowserWindow`](browser-window.md)의 속성입니다. 다음은 `webContents` 객체에 접근하는 예제입니다:
|
||||
|
||||
```javascript
|
||||
const BrowserWindow = require('electron').BrowserWindow;
|
||||
|
@ -20,7 +19,7 @@ var webContents = win.webContents;
|
|||
|
||||
### Event: 'did-finish-load'
|
||||
|
||||
네비게이션이 끝났을 때 발생하는 이벤트입니다. 즉, 탭의 스피너가 멈추고 `onload` 이벤트가 발생했을 때를 얘기합니다.
|
||||
탐색 작업이 끝났을 때 발생하는 이벤트입니다. 브라우저의 탭의 스피너가 멈추고 `onload` 이벤트가 발생했을 때를 말합니다.
|
||||
|
||||
### Event: 'did-fail-load'
|
||||
|
||||
|
@ -31,8 +30,8 @@ Returns:
|
|||
* `errorDescription` String
|
||||
* `validatedURL` String
|
||||
|
||||
이 이벤트는 `did-finish-load`와 비슷하나, 로드가 실패했거나 취소되었을 때도 발생합니다. 예를들면 `window.stop()`이 실행되었을 때 발생합니다.
|
||||
모든 에러 코드들의 목록과 설명은 [여기](https://code.google.com/p/chromium/codesearch#chromium/src/net/base/net_error_list.h)서 확인 가능합니다.
|
||||
이 이벤트는 `did-finish-load`와 비슷하나, 로드가 실패했거나 취소되었을 때 발생합니다. 예를 들면 `window.stop()`이 실행되었을 때 발생합니다.
|
||||
발생할 수 있는 전체 에러 코드의 목록과 설명은 [여기](https://code.google.com/p/chromium/codesearch#chromium/src/net/base/net_error_list.h)서 확인할 수 있습니다.
|
||||
|
||||
### Event: 'did-frame-finish-load'
|
||||
|
||||
|
@ -41,15 +40,15 @@ Returns:
|
|||
* `event` Event
|
||||
* `isMainFrame` Boolean
|
||||
|
||||
프레임(Frame)이 네비게이션을 끝냈을 때 발생하는 이벤트입니다.
|
||||
프레임(Frame)이 탐색을 끝냈을 때 발생하는 이벤트입니다.
|
||||
|
||||
### Event: 'did-start-loading'
|
||||
|
||||
탭의 스피너가 회전을 시작한 시점과 같습니다.
|
||||
브라우저 탭의 스피너가 회전을 시작한 때와 같은 시점에 대응하는 이벤트입니다.
|
||||
|
||||
### Event: 'did-stop-loading'
|
||||
|
||||
탭의 스피너가 회전을 멈추었을 떄의 시점과 같습니다.
|
||||
브라우저 탭의 스피너가 회전을 멈추었을 때와 같은 시점에 대응하는 이벤트입니다.
|
||||
|
||||
### Event: 'did-get-response-details'
|
||||
|
||||
|
@ -64,7 +63,7 @@ Returns:
|
|||
* `referrer` String
|
||||
* `headers` Object
|
||||
|
||||
요청한 리소스의 정보가 존재할 때 발생하는 이벤트입니다.
|
||||
요청한 리소스에 관련된 자세한 정보를 사용할 수 있을 때 발생하는 이벤트입니다.
|
||||
`status`는 리소스를 다운로드하기 위한 소켓 연결을 나타냅니다.
|
||||
|
||||
### Event: 'did-get-redirect-request'
|
||||
|
@ -80,7 +79,7 @@ Returns:
|
|||
* `referrer` String
|
||||
* `headers` Object
|
||||
|
||||
리소스를 요청할 때 리다이렉트 응답을 받았을 때 발생하는 이벤트입니다.
|
||||
리소스를 요청하는 동안에 리다이렉트 응답을 받았을 때 발생하는 이벤트입니다.
|
||||
|
||||
### Event: 'dom-ready'
|
||||
|
||||
|
@ -95,9 +94,9 @@ Returns:
|
|||
Returns:
|
||||
|
||||
* `event` Event
|
||||
* `favicons` Array - Array of URLs
|
||||
* `favicons` Array - URL 배열
|
||||
|
||||
페이지가 favicon을 받았을 때 발생하는 이벤트입니다.
|
||||
페이지가 favicon(파비콘) URL을 받았을 때 발생하는 이벤트입니다.
|
||||
|
||||
### Event: 'new-window'
|
||||
|
||||
|
@ -108,14 +107,14 @@ Returns:
|
|||
* `frameName` String
|
||||
* `disposition` String - `default`, `foreground-tab`, `background-tab`,
|
||||
`new-window`, `other`중 하나일 수 있습니다.
|
||||
* `options` Object - 새로운 `BrowserWindow`를 만들 때 사용되는 옵션들입니다.
|
||||
* `options` Object - 새로운 `BrowserWindow` 객체를 만들 때 사용되는 옵션 객체입니다.
|
||||
|
||||
페이지가 `url`에 대하여 새로운 윈도우를 열기위해 요청한 경우 발생하는 이벤트입니다.
|
||||
`window.open`이나 `<a target='_blank'>`과 같은 외부 링크 등에 의해 요청될 수 있습니다.
|
||||
`window.open`이나 `<a target='_blank'>`과 같은 외부 링크에 의해 요청될 수 있습니다.
|
||||
|
||||
기본값으로 `BrowserWindow`는 `url`로 생성됩니다.
|
||||
기본값으로 `BrowserWindow`는 `url`을 기반으로 생성됩니다.
|
||||
|
||||
`event.preventDefault()`를 호출하면 새로운 창을 만드는 것을 방지할 수 있습니다.
|
||||
`event.preventDefault()`를 호출하면 새로운 창이 생성되는 것을 방지할 수 있습니다.
|
||||
|
||||
### Event: 'will-navigate'
|
||||
|
||||
|
@ -124,13 +123,13 @@ Returns:
|
|||
* `event` Event
|
||||
* `url` String
|
||||
|
||||
사용자 또는 페이지가 새로운 네비게이션을 원할 때 발생하는 이벤트입니다.
|
||||
사용자 또는 페이지가 새로운 페이지로 이동할 때 발생하는 이벤트입니다.
|
||||
`window.location` 객체가 변경되거나 사용자가 페이지의 링크를 클릭했을 때 발생합니다.
|
||||
|
||||
이 이벤트는 `webContents.loadURL`과 `webContents.back` 같은 API를 이용하여 프로그램적으로
|
||||
시작된 네비게이션에 대해서는 발생하지 않습니다.
|
||||
시작된 탐색에 대해서는 발생하지 않습니다.
|
||||
|
||||
`event.preventDefault()`를 호출하면 네비게이션을 방지할 수 있습니다.
|
||||
`event.preventDefault()`를 호출하면 탐색을 방지할 수 있습니다.
|
||||
|
||||
### Event: 'crashed'
|
||||
|
||||
|
@ -152,15 +151,15 @@ Returns:
|
|||
|
||||
### Event: 'devtools-opened'
|
||||
|
||||
DevTools가 열렸을 때 발생되는 이벤트입니다.
|
||||
개발자 도구가 열렸을 때 발생되는 이벤트입니다.
|
||||
|
||||
### Event: 'devtools-closed'
|
||||
|
||||
DevTools가 닫혔을 때 발생되는 이벤트입니다.
|
||||
개발자 도구가 닫혔을 때 발생되는 이벤트입니다.
|
||||
|
||||
### Event: 'devtools-focused'
|
||||
|
||||
DevTools에 포커스가 가거나 DevTools가 열렸을 때 발생되는 이벤트입니다.
|
||||
개발자 도구에 포커스가 가거나 개발자 도구가 열렸을 때 발생되는 이벤트입니다.
|
||||
|
||||
### Event: 'login'
|
||||
|
||||
|
@ -185,13 +184,13 @@ Returns:
|
|||
|
||||
## Instance Methods
|
||||
|
||||
`webContents`객체는 다음과 같은 인스턴스 메소드들을 가지고 있습니다.
|
||||
`webContents`객체는 다음과 같은 인스턴스 메서드들을 가지고 있습니다.
|
||||
|
||||
### `webContents.session`
|
||||
|
||||
webContents에서 사용되는 `session`객체를 반환합니다.
|
||||
|
||||
[session 문서](session.md)에서 이 객체의 메소드들을 확인할 수 있습니다.
|
||||
[session](session.md) 문서에서 이 객체의 메서드들을 확인할 수 있습니다.
|
||||
|
||||
### `webContents.loadURL(url[, options])`
|
||||
|
||||
|
@ -229,7 +228,7 @@ var currentURL = win.webContents.getURL();
|
|||
|
||||
### `webContents.stop()`
|
||||
|
||||
대기중인 네비게이션들을 모두 멈춥니다.
|
||||
대기중인 탐색 작업을 모두 멈춥니다.
|
||||
|
||||
### `webContents.reload()`
|
||||
|
||||
|
@ -237,11 +236,11 @@ var currentURL = win.webContents.getURL();
|
|||
|
||||
### `webContents.reloadIgnoringCache()`
|
||||
|
||||
현재 페이지를 캐시를 무시한채로 새로고침합니다.
|
||||
현재 웹 페이지의 캐시를 무시한 채로 새로고침합니다.
|
||||
|
||||
### `webContents.canGoBack()`
|
||||
|
||||
브라우저가 이전의 웹 페이지로 돌아갈 수 있는지 여부를 반환합니다.
|
||||
브라우저가 이전 웹 페이지로 돌아갈 수 있는지 여부를 반환합니다.
|
||||
|
||||
### `webContents.canGoForward()`
|
||||
|
||||
|
@ -255,7 +254,7 @@ var currentURL = win.webContents.getURL();
|
|||
|
||||
### `webContents.clearHistory()`
|
||||
|
||||
네비게이션 기록을 삭제합니다.
|
||||
탐색 기록을 삭제합니다.
|
||||
|
||||
### `webContents.goBack()`
|
||||
|
||||
|
@ -269,13 +268,13 @@ var currentURL = win.webContents.getURL();
|
|||
|
||||
* `index` Integer
|
||||
|
||||
브라우저가 지정된 절대 웹 페이지 인덱스로 네비게이트하게 합니다.
|
||||
브라우저가 지정된 절대 웹 페이지 인덱스로 탐색하게 합니다.
|
||||
|
||||
### `webContents.goToOffset(offset)`
|
||||
|
||||
* `offset` Integer
|
||||
|
||||
"current entry"에서 지정된 offset으로 네비게이트 합니다.
|
||||
"current entry"에서 지정된 offset으로 탐색합니다.
|
||||
|
||||
### `webContents.isCrashed()`
|
||||
|
||||
|
@ -285,27 +284,27 @@ var currentURL = win.webContents.getURL();
|
|||
|
||||
* `userAgent` String
|
||||
|
||||
현재의 웹 페이지의 유저 에이전트를 오버라이드 합니다.
|
||||
현재 웹 페이지의 유저 에이전트를 덮어씌웁니다.
|
||||
|
||||
### `webContents.getUserAgent()`
|
||||
|
||||
현재 웹 페이지의 유저 에이전트 `String`을 반환합니다.
|
||||
현재 웹 페이지의 유저 에이전트 문자열을 반환합니다.
|
||||
|
||||
### `webContents.insertCSS(css)`
|
||||
|
||||
* `css` String
|
||||
|
||||
Injects CSS into the current web page.
|
||||
CSS 코드를 현재 웹 페이지에 삽입합니다.
|
||||
|
||||
### `webContents.executeJavaScript(code[, userGesture])`
|
||||
|
||||
* `code` String
|
||||
* `userGesture` Boolean (optional)
|
||||
|
||||
페이지에서 코드를 실행합니다.
|
||||
페이지에서 자바스크립트 코드를 실행합니다.
|
||||
|
||||
브라우저 윈도우에서 `requestFullScreen`와 같은 몇몇 HTML API들은 사용자의 행동으로만 호출될 수
|
||||
있습니다. `userGesture`를 `true`로 설정하면 이런 제약을 무시할 수 있습니다.
|
||||
기본적으로 `requestFullScreen`와 같은 몇몇 HTML API들은 사용자의 조작에 의해서만 호출될 수 있습니다.
|
||||
`userGesture`를 `true`로 설정하면 이러한 제약을 무시할 수 있습니다.
|
||||
|
||||
### `webContents.setAudioMuted(muted)`
|
||||
|
||||
|
@ -319,64 +318,64 @@ Injects CSS into the current web page.
|
|||
|
||||
### `webContents.undo()`
|
||||
|
||||
웹 페이지에서 `undo` 에디팅 커맨드를 실행합니다.
|
||||
웹 페이지에서 `undo` 편집 커맨드를 실행합니다.
|
||||
|
||||
### `webContents.redo()`
|
||||
|
||||
웹 페이지에서 `redo` 에디팅 커맨드를 실행합니다.
|
||||
웹 페이지에서 `redo` 편집 커맨드를 실행합니다.
|
||||
|
||||
### `webContents.cut()`
|
||||
|
||||
웹 페이지에서 `cut` 에디팅 커맨드를 실행합니다.
|
||||
웹 페이지에서 `cut` 편집 커맨드를 실행합니다.
|
||||
|
||||
### `webContents.copy()`
|
||||
|
||||
웹 페이지에서 `copy` 에디팅 커맨드를 실행합니다.
|
||||
웹 페이지에서 `copy` 편집 커맨드를 실행합니다.
|
||||
|
||||
### `webContents.paste()`
|
||||
|
||||
웹 페이지에서 `paste` 에디팅 커맨드를 실행합니다.
|
||||
웹 페이지에서 `paste` 편집 커맨드를 실행합니다.
|
||||
|
||||
### `webContents.pasteAndMatchStyle()`
|
||||
|
||||
웹 페이지에서 `pasteAndMatchStyle` 에디팅 커맨드를 실행합니다.
|
||||
웹 페이지에서 `pasteAndMatchStyle` 편집 커맨드를 실행합니다.
|
||||
|
||||
### `webContents.delete()`
|
||||
|
||||
웹 페이지에서 `delete` 에디팅 커맨드를 실행합니다.
|
||||
웹 페이지에서 `delete` 편집 커맨드를 실행합니다.
|
||||
|
||||
### `webContents.selectAll()`
|
||||
|
||||
웹 페이지에서 `selectAll` 에디팅 커맨드를 실행합니다.
|
||||
웹 페이지에서 `selectAll` 편집 커맨드를 실행합니다.
|
||||
|
||||
### `webContents.unselect()`
|
||||
|
||||
웹 페이지에서 `unselect` 에디팅 커맨드를 실행합니다.
|
||||
웹 페이지에서 `unselect` 편집 커맨드를 실행합니다.
|
||||
|
||||
### `webContents.replace(text)`
|
||||
|
||||
* `text` String
|
||||
|
||||
웹 페이지에서 `replace` 에디팅 커맨드를 실행합니다.
|
||||
웹 페이지에서 `replace` 편집 커맨드를 실행합니다.
|
||||
|
||||
### `webContents.replaceMisspelling(text)`
|
||||
|
||||
* `text` String
|
||||
|
||||
웹 페이지에서 `replaceMisspelling` 에디팅 커맨드를 실행합니다.
|
||||
웹 페이지에서 `replaceMisspelling` 편집 커맨드를 실행합니다.
|
||||
|
||||
### `webContents.hasServiceWorker(callback)`
|
||||
|
||||
* `callback` Function
|
||||
|
||||
ServiceWorker가 등록되어있는지 확인하고 `callback`에 대한 응답으로 boolean을 반환합니다.
|
||||
ServiceWorker가 등록되어있는지 확인하고 `callback`에 대한 응답으로 boolean 값을 반환합니다.
|
||||
|
||||
### `webContents.unregisterServiceWorker(callback)`
|
||||
|
||||
* `callback` Function
|
||||
|
||||
ServiceWorker가 존재하면 모두 등록을 해제하고 JS promise가 만족될 때 `callback`에 대한
|
||||
응답으로 boolean을 반환하거나 JS promise가 만족되지 않을 때 false를 반환합니다.
|
||||
ServiceWorker가 존재하면 모두 등록을 해제하고 JS Promise가 만족될 때 `callback`에 대한
|
||||
응답으로 boolean을 반환하거나 JS Promise가 만족되지 않을 때 `false`를 반환합니다.
|
||||
|
||||
### `webContents.print([options])`
|
||||
|
||||
|
@ -392,8 +391,8 @@ ServiceWorker가 존재하면 모두 등록을 해제하고 JS promise가 만족
|
|||
웹 페이지에서 `window.print()`를 호출하는 것은
|
||||
`webContents.print({silent: false, printBackground: false})`를 호출하는 것과 같습니다.
|
||||
|
||||
**Note:** 윈도우즈에서 print API는 `pdf.dll`에 의존합니다. 당신의 어플리케이션이 print 기능을
|
||||
필요로 하지 않는다면 바이너리 크기를 줄이기 위해 `pdf.dll`을 삭제하셔도 안전합니다.
|
||||
**Note:** Windows에서의 프린터 API는 `pdf.dll`에 의존합니다.
|
||||
어플리케이션이 print 기능을 사용하지 않는 경우 전체 바이너리 크기를 줄이기 위해 `pdf.dll`을 삭제해도 됩니다.
|
||||
|
||||
### `webContents.printToPDF(options, callback)`
|
||||
|
||||
|
@ -456,18 +455,18 @@ win.webContents.on("did-finish-load", function() {
|
|||
|
||||
* `path` String
|
||||
|
||||
특정 경로를 DevTools의 워크스페이스에 추가합니다.
|
||||
특정 경로를 개발자 도구의 워크스페이스에 추가합니다.
|
||||
|
||||
### `webContents.removeWorkSpace(path)`
|
||||
|
||||
* `path` String
|
||||
|
||||
특정 경로를 DevTools의 워크스페이스에서 제거합니다.
|
||||
특정 경로를 개발자 도구의 워크스페이스에서 제거합니다.
|
||||
|
||||
### `webContents.openDevTools([options])`
|
||||
|
||||
* `options` Object (optional). Properties:
|
||||
* `detach` Boolean - 새 창에서 DevTools를 엽니다.
|
||||
* `detach` Boolean - 새 창에서 개발자 도구를 엽니다.
|
||||
|
||||
개발자 도구를 엽니다.
|
||||
|
||||
|
@ -538,18 +537,18 @@ app.on('ready', function() {
|
|||
`parameters` Object, properties:
|
||||
|
||||
* `screenPosition` String - 에뮬레이트 할 화면 종료를 지정합니다
|
||||
(default: `desktop`)
|
||||
(기본값: `desktop`)
|
||||
* `desktop`
|
||||
* `mobile`
|
||||
* `screenSize` Object - 에뮬레이트 화면의 크기를 지정합니다 (screenPosition == mobile)
|
||||
* `width` Integer - 에뮬레이트 화면의 너비를 지정합니다
|
||||
* `height` Integer - 에뮬레이트 화면의 높이를 지정합니다
|
||||
* `viewPosition` Object - 화면에서 뷰의 위치
|
||||
(screenPosition == mobile) (default: `{x: 0, y: 0}`)
|
||||
(screenPosition == mobile) (기본값: `{x: 0, y: 0}`)
|
||||
* `x` Integer - 좌상단 모서리로부터의 x 축의 오프셋
|
||||
* `y` Integer - 좌상단 모서리로부터의 y 축의 오프셋
|
||||
* `deviceScaleFactor` Integer - 디바이스의 스케일 팩터(scale factor)를 지정합니다.
|
||||
(0일 경우 기본 디바이스 스케일 팩터를 기본으로 사용합니다) (default: `0`)
|
||||
(0일 경우 기본 디바이스 스케일 팩터를 기본으로 사용합니다) (기본값: `0`)
|
||||
* `viewSize` Object - 에뮬레이트 된 뷰의 크기를 지정합니다 (빈 값은 오버라이드 하지 않는 다는
|
||||
것을 의미합니다)
|
||||
* `width` Integer - 에뮬레이트 된 뷰의 너비를 지정합니다
|
||||
|
@ -572,20 +571,22 @@ app.on('ready', function() {
|
|||
### `webContents.sendInputEvent(event)`
|
||||
|
||||
* `event` Object
|
||||
* `type` String (**required**) - 이벤트의 타입. 다음 값들이 가능합니다. `mouseDown`,
|
||||
* `type` String (**required**) - 이벤트의 타입. 다음 값들을 사용할 수 있습니다: `mouseDown`,
|
||||
`mouseUp`, `mouseEnter`, `mouseLeave`, `contextMenu`, `mouseWheel`,
|
||||
`keyDown`, `keyUp`, `char`.
|
||||
* `modifiers` Array - 이벤트의 수정자(modifier)들에 대한 배열. 다음 값들을 포함 할 수
|
||||
있습니다. `shift`, `control`, `alt`, `meta`, `isKeypad`, `isAutoRepeat`,
|
||||
있습니다: `shift`, `control`, `alt`, `meta`, `isKeypad`, `isAutoRepeat`,
|
||||
`leftButtonDown`, `middleButtonDown`, `rightButtonDown`, `capsLock`,
|
||||
`numLock`, `left`, `right`.
|
||||
|
||||
input `event`를 페이지로 보냅니다.
|
||||
Input `event`를 웹 페이지로 전송합니다.
|
||||
|
||||
키보드 이벤트들에 대해서는 `event` 객체는 다음 속성들을 추가적으로 가지고 있습니다:
|
||||
키보드 이벤트들에 대해서는 `event` 객체는 다음 속성들을 추가로 가지고 있습니다:
|
||||
|
||||
* `keyCode` String (**required**) - 키보드 이벤트로 보낼 수 있는 단일 캐릭터. 모든 UTF-8가
|
||||
사용 가능합니다.
|
||||
* `keyCode` String (**required**) - 키보드 이벤트로 보내지는 문자.
|
||||
단일 UTF-8 문자를 사용할 수 있고 이벤트를 발생시키는 다음 키 중 하나를 포함할 수 있습니다:
|
||||
`enter`, `backspace`, `delete`, `tab`, `escape`, `control`, `alt`, `shift`, `end`,
|
||||
`home`, `insert`, `left`, `up`, `right`, `down`, `pageUp`, `pageDown`, `printScreen`
|
||||
|
||||
마우스 이벤트들에 대해서는 `event` 객체는 다음 속성들을 추가적으로 가지고 있습니다:
|
||||
|
||||
|
@ -631,10 +632,9 @@ BGRA 포맷으로 효율적으로 저장됩니다. 하지만 실제 재프리젠
|
|||
|
||||
### `webContents.devToolsWebContents`
|
||||
|
||||
이 `WebContents`에 대한 DevTools의 `WebContents`를 가져옵니다.
|
||||
이 `WebContents`에 대한 개발자 도구의 `WebContents`를 가져옵니다.
|
||||
|
||||
**Note:** 사용자가 절대로 이 객체를 저장해서는 안됩니다. 그럴경우 DevTools가 닫혔을 때, `null`이
|
||||
될 수도 있습니다.
|
||||
**Note:** 사용자가 절대로 이 객체를 저장해서는 안 됩니다. 개발자 도구가 닫혔을 때, `null`이 반환될 수 있습니다.
|
||||
|
||||
### `webContents.savePage(fullPath, saveType, callback)`
|
||||
|
||||
|
|
|
@ -256,15 +256,15 @@ webview.addEventListener("dom-ready", function() {
|
|||
|
||||
### `<webview>.openDevTools()`
|
||||
|
||||
페이지에 대한 개발자 콘솔을 엽니다.
|
||||
페이지에 대한 개발자 도구를 엽니다.
|
||||
|
||||
### `<webview>.closeDevTools()`
|
||||
|
||||
페이지에 대한 개발자 콘솔을 닫습니다.
|
||||
페이지에 대한 개발자 도구를 닫습니다.
|
||||
|
||||
### `<webview>.isDevToolsOpened()`
|
||||
|
||||
페이지에 대한 개발자 콘솔이 열려있는지 확인합니다. 불린 값을 반환합니다.
|
||||
페이지에 대한 개발자 도구가 열려있는지 확인합니다. 불린 값을 반환합니다.
|
||||
|
||||
### `<webview>.inspectElement(x, y)`
|
||||
|
||||
|
@ -275,7 +275,7 @@ webview.addEventListener("dom-ready", function() {
|
|||
|
||||
### `<webview>.inspectServiceWorker()`
|
||||
|
||||
Service worker에 대한 개발자 콘솔을 엽니다.
|
||||
Service worker에 대한 개발자 도구를 엽니다.
|
||||
|
||||
### `<webview>.undo()`
|
||||
|
||||
|
|
|
@ -1,6 +1,6 @@
|
|||
# 메인 프로세스 디버깅하기
|
||||
|
||||
브라우저 창의 개발자 콘솔은 웹 페이지 같은 랜더러 프로세스의 스크립트만 디버깅이 가능합니다.
|
||||
브라우저 창의 개발자 도구는 웹 페이지 같은 랜더러 프로세스의 스크립트만 디버깅이 가능합니다.
|
||||
대신 Electron은 메인 프로세스의 디버깅을 위해 `--debug` 과 `--debug-brk` 스위치들을 제공합니다.
|
||||
|
||||
## 커맨드 라인 스위치(command line switches)
|
||||
|
|
|
@ -1,8 +1,8 @@
|
|||
# 개발자 콘솔 확장
|
||||
# 개발자 도구 확장 기능
|
||||
|
||||
어플리케이션의 디버깅을 쉽게 하기 위해 Electron은 기본적으로 [Chrome DevTools Extension][devtools-extension]을 지원합니다.
|
||||
|
||||
개발자 콘솔 확장 기능은 간단하게 사용할 확장 기능 플러그인의 소스 코드를 다운로드한 후 `BrowserWindow.addDevToolsExtension` API를 이용하여
|
||||
개발자 도구 확장 기능은 간단하게 사용할 확장 기능 플러그인의 소스 코드를 다운로드한 후 `BrowserWindow.addDevToolsExtension` API를 이용하여
|
||||
어플리케이션 내에 로드할 수 있습니다. 한가지 주의할 점은 확장 기능 사용시 창이 생성될 때 마다 일일이 해당 API를 호출할 필요는 없습니다.
|
||||
|
||||
** 주의: 현재 React DevTools은 작동하지 않습니다. https://github.com/atom/electron/issues/915 이슈를 참고하세요! **
|
||||
|
@ -19,7 +19,7 @@ $ git clone --recursive https://github.com/facebook/react-devtools.git
|
|||
[`react-devtools/shells/chrome/Readme.md`](https://github.com/facebook/react-devtools/blob/master/shells/chrome/Readme.md)
|
||||
를 통해 확장 기능을 개발하는 방법을 알아볼 수 있습니다.
|
||||
|
||||
그리고 개발자 콘솔에서 다음 코드를 입력하면 확장 기능을 로드할 수 있습니다:
|
||||
그리고 개발자 도구에서 다음 코드를 입력하면 확장 기능을 로드할 수 있습니다:
|
||||
|
||||
```javascript
|
||||
const BrowserWindow = require('electron').remote.BrowserWindow;
|
||||
|
@ -32,9 +32,9 @@ BrowserWindow.addDevToolsExtension('/some-directory/react-devtools/shells/chrome
|
|||
BrowserWindow.removeDevToolsExtension('React Developer Tools');
|
||||
```
|
||||
|
||||
## 개발자 콘솔 확장 기능의 구성 형식
|
||||
## 개발자 도구 확장 기능의 구성 형식
|
||||
|
||||
모든 개발자 콘솔 확장은 완벽히 Chrome 브라우저를 위해 작성되었기 때문에 Electron에서도 로드할 수 있습니다.
|
||||
모든 개발자 도구 확장은 완벽히 Chrome 브라우저를 위해 작성되었기 때문에 Electron에서도 로드할 수 있습니다.
|
||||
하지만 반드시 확장 기능은 소스 코드 디렉터리(폴더) 형태여야 합니다. 그래서 `crx` 등의 포맷으로 패키징된 확장 기능의 경우
|
||||
사용자가 직접 해당 패키지의 압축을 풀어서 로드하지 않는 이상 Electron에서 해당 확장 기능의 압축을 풀 방법이 없습니다.
|
||||
|
||||
|
|
|
@ -93,7 +93,7 @@ app.on('ready', function() {
|
|||
// 그리고 현재 디렉터리의 index.html을 로드합니다.
|
||||
mainWindow.loadURL('file://' + __dirname + '/index.html');
|
||||
|
||||
// 개발자 콘솔을 엽니다.
|
||||
// 개발자 도구를 엽니다.
|
||||
mainWindow.webContents.openDevTools();
|
||||
|
||||
// 창이 닫히면 호출됩니다.
|
||||
|
|
Loading…
Reference in a new issue