webFrame

web-frame 모듈은 현재 웹 페이지의 랜더링 상태를 설정 할 수 있도록 관련 유틸리티를 제공하는 모듈입니다.

다음 예제는 현재 페이지를 200% 줌 합니다:

var webFrame = require('electron').webFrame;

webFrame.setZoomFactor(2);

Methods

web-frame 모듈은 다음과 같은 메서드를 가지고 있습니다:

webFrame.setZoomFactor(factor)

  • factor Number - Zoom 값

지정한 값으로 페이지를 줌 합니다. 줌 값은 퍼센트를 100으로 나눈 값입니다. (예시: 300% = 3.0)

webFrame.getZoomFactor()

현재 줌 값을 반환합니다.

webFrame.setZoomLevel(level)

  • level Number - Zoom level

지정한 레벨로 줌 레벨을 변경합니다. 0은 "기본 크기" 입니다. 그리고 각각 레벨 값을 올리거나 내릴 때마다 20%씩 커지거나 작아지고 기본 크기의 50%부터 300%까지 조절 제한이 있습니다.

webFrame.getZoomLevel()

현재 줌 레벨을 반환합니다.

webFrame.setZoomLevelLimits(minimumLevel, maximumLevel)

  • minimumLevel Number
  • maximumLevel Number

줌 레벨의 최대, 최소치를 지정합니다.

webFrame.setSpellCheckProvider(language, autoCorrectWord, provider)

  • language String
  • autoCorrectWord Boolean
  • provider Object

Input field나 text area에 철자 검사(spell checking) 제공자를 설정합니다.

provider는 반드시 전달된 단어의 철자가 맞았는지 검사하는 spellCheck 메소드를 가지고 있어야 합니다.

node-spellchecker를 철자 검사 제공자로 사용하는 예제입니다:

webFrame.setSpellCheckProvider("en-US", true, {
  spellCheck: function(text) {
    return !(require('spellchecker').isMisspelled(text));
  }
});

webFrame.registerURLSchemeAsSecure(scheme)

  • scheme String

scheme을 보안 스킴으로 등록합니다.

보안 스킴은 혼합된 컨텐츠 경고를 발생시키지 않습니다. 예를 들어 httpsdata는 네트워크 공격자로부터 손상될 가능성이 없기 때문에 보안 스킴이라고 할 수 있습니다.

webFrame.registerURLSchemeAsBypassingCSP(scheme)

  • scheme String

현재 페이지 컨텐츠의 보안 정책에 상관없이 scheme로부터 리소스가 로드됩니다.

webFrame.registerURLSchemeAsPrivileged(scheme)

  • scheme String

scheme를 보안된 스킴으로 등록합니다. 리소스에 대해 보안 정책을 우회하며, ServiceWorker의 등록과 fetch API를 사용할 수 있도록 지원합니다.

webFrame.insertText(text)

  • text String

포커스된 요소에 text를 삽입합니다.

webFrame.executeJavaScript(code[, userGesture])

  • code String
  • userGesture Boolean (optional) - 기본값은 false 입니다.

페이지에서 code를 실행합니다.

브라우저 윈도우에서 어떤 requestFullScreen 같은 HTML API는 사용자의 승인이 필요합니다. userGesturetrue로 설정하면 이러한 제약을 제거할 수 있습니다.