webFrame

优质

小牛编辑

181浏览

2023-12-01

自定义渲染当前网页

进程: Renderer

webFrame export of the Electron module is an instance of the WebFrame class representing the top frame of the current BrowserWindow. Sub-frames can be retrieved by certain properties and methods (e.g. webFrame.firstChild).

将当前页缩放到200% 的示例。

const { webFrame } = require('electron')
webFrame.setZoomFactor(2)

Customize the rendering of the current web page.

Process: Renderer

An example of zooming current page to 200%.

const { webFrame } = require('electron')
webFrame.setZoomFactor(2)

方法

The WebFrame class has the following instance methods:

Methods

The WebFrame class has the following instance methods:

`webFrame.setZoomFactor(factor)`

factor Number - 缩放比例

更改缩放比例。缩放比例是缩放百分比除以 100，如 300% = 3.0。

`webFrame.setZoomFactor(factor)`

factor Number - Zoom factor.

Changes the zoom factor to the specified factor. Zoom factor is zoom percent divided by 100, so 300% = 3.0.

`webFrame.getZoomFactor()`

Returns Number - 当前的缩放比例。

`webFrame.getZoomFactor()`

Returns Number - The current zoom factor.

`webFrame.setZoomLevel(level)`

level Number - 缩放等级。

更改缩放等级。 The original size is 0 and each increment above or below represents zooming 20% larger or smaller to default limits of 300% and 50% of original size, respectively.

`webFrame.setZoomLevel(level)`

level Number - Zoom level.

Changes the zoom level to the specified level. The original size is 0 and each increment above or below represents zooming 20% larger or smaller to default limits of 300% and 50% of original size, respectively.

`webFrame.getZoomLevel()`

Returns Number - The current zoom level.

`webFrame.getZoomLevel()`

Returns Number - The current zoom level.

`webFrame.setVisualZoomLevelLimits(minimumLevel, maximumLevel)`

minimumLevel Number
maximumLevel Number

设置最大和最小缩放级别。

NOTE: Visual zoom is disabled by default in Electron. To re-enable it, call:
webFrame.setVisualZoomLevelLimits(1, 3)

`webFrame.setVisualZoomLevelLimits(minimumLevel, maximumLevel)`

minimumLevel Number
maximumLevel Number

Sets the maximum and minimum pinch-to-zoom level.

NOTE: Visual zoom is disabled by default in Electron. To re-enable it, call:
webFrame.setVisualZoomLevelLimits(1, 3)

`webFrame.setLayoutZoomLevelLimits(minimumLevel, maximumLevel)`

minimumLevel Number
maximumLevel Number

设置最大和最小基于布局(例如非图像)的缩放级别。

`webFrame.setLayoutZoomLevelLimits(minimumLevel, maximumLevel)`

minimumLevel Number
maximumLevel Number

Sets the maximum and minimum layout-based (i.e. non-visual) zoom level.

`webFrame.setSpellCheckProvider(language, provider)`

language String
provider Object
- spellCheck Function.
  - words String[]
  - callback Function
    - misspeltWords String[]

Sets a provider for spell checking in input fields and text areas.

The provider must be an object that has a spellCheck method that accepts an array of individual words for spellchecking. The spellCheck function runs asynchronously and calls the callback function with an array of misspelt words when complete.

An example of using node-spellchecker as provider:

const { webFrame } = require('electron')
const spellChecker = require('spellchecker')
webFrame.setSpellCheckProvider('en-US', {
  spellCheck (words, callback) {
    setTimeout(() => {const spellchecker = require('spellchecker')const misspelled = words.filter(x => spellchecker.isMisspelled(x))callback(misspelled)
    }, 0)
  }
})

`webFrame.setSpellCheckProvider(language, provider)`

language String
provider Object
- spellCheck Function.
  - words String[]
  - callback Function
    - misspeltWords String[]

Sets a provider for spell checking in input fields and text areas.

An example of using node-spellchecker as provider:

const { webFrame } = require('electron')
const spellChecker = require('spellchecker')
webFrame.setSpellCheckProvider('en-US', {
  spellCheck (words, callback) {
    setTimeout(() => {const spellchecker = require('spellchecker')const misspelled = words.filter(x => spellchecker.isMisspelled(x))callback(misspelled)
    }, 0)
  }
})

`webFrame.insertCSS(css)`

css String - CSS source code.

Inserts css as a style sheet in the document.

`webFrame.insertCSS(css)`

css String - CSS source code.

Inserts css as a style sheet in the document.

`webFrame.insertText(text)`

text String

插入text 到焦点元素

`webFrame.insertText(text)`

text String

Inserts text to the focused element.