×

Electron 教程

Electron 教程简介Electron 快速入门Electron 桌面环境集成Electron 在线/离线事件探测Electron 进程支持的 Chrome 命令行开关Electron 环境变量Electron 支持的平台Electron 应用部署Mac App Store 应用提交向导Electron 应用打包Electron 使用原生模块Electron 主进程调试使用 Selenium 和 WebDriverElectron DevTools扩展使用 Pepper Flash 插件使用 Widevine CDM 插件Electron 术语表Electron 离屏渲染Electron 交互式解释器 (REPL)Electron 自动更新功能autoUpdater

Electron API

Electron DOM File对象Electron DOM <webview>Electron window.open 函数

在主进程内可用的模块

Electron app 模块Electron autoUpdater 模块Electron BrowserWindow 模块Electron contentTracing 模块Electron dialog 模块Electron global-shortcut 模块Electron ipcMain 模块Electron menu 模块Electron MenuItem 模块Electron powerMonitor 模块Electron powerSaveBlockerElectron protocol 模块Electron session 模块Electron webContents 模块Electron Tray 模块Electron Locales

在渲染进程(网页)可用模块

Electron desktopCapturer模块Electron ipcRenderer 模块Electron remote 模块Electron webFrame 模块

两种进程都可用的模块

Electron clipboard 模块Electron crashReporter 模块Electron nativeImage 模块Electron screen 模块Electron shell 模块

Electron 开发

Electron 编码规范Electron 源码目录结构Electron 和 NW.js技术上的差异Electron 构建系统概览Electron 构建步骤 (OS X)Electron 构建步骤 (Windows)Electron 构建步骤 (Linux)调试中使用 Symbol ServerElectron 常见问题Electron 版本管理electron window 提交指南自动化持续集成系统(CI)测试Electron 文档风格指南

Electron webFrame 模块


web-frame 模块允许你自定义如何渲染当前网页 .

例子,放大当前页到 200%.

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

webFrame.setZoomFactor(2);

方法

web-frame 模块有如下方法:

webFrame.setZoomFactor(factor)

  • factor Number - 缩放参数.

将缩放参数修改为指定的参数值.缩放参数是百分制的,所以 300% = 3.0.

webFrame.getZoomFactor()

返回当前缩放参数值.

webFrame.setZoomLevel(level)

  • level Number - 缩放水平

将缩放水平修改为指定的水平值. 原始 size 为 0 ,并且每次增长都表示放大 20% 或缩小 20%,默认限制为原始 size 的 300% 到 50% 之间 .

webFrame.getZoomLevel()

返回当前缩放水平值.

webFrame.setZoomLevelLimits(minimumLevel, maximumLevel)

  • minimumLevel Number
  • maximumLevel Number

设置缩放水平的最大值和最小值.

webFrame.setSpellCheckProvider(language, autoCorrectWord, provider)

  • language String
  • autoCorrectWord Boolean
  • provider Object

为输入框或文本域设置一个拼写检查 provider .

provider 必须是一个对象,它有一个 spellCheck 方法,这个方法返回扫过的单词是否拼写正确 .

例子,使用 node-spellchecker 作为一个 provider:

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

webFrame.registerURLSchemeAsSecure(scheme)

  • scheme String

注册 scheme 为一个安全的 scheme.

安全的 schemes 不会引发混合内容 warnings.例如, https  data 是安全的 schemes ,因为它们不能被活跃网络攻击而失效.

webFrame.registerURLSchemeAsBypassingCSP(scheme)

  • scheme String

忽略当前网页内容的安全策略,直接从 scheme 加载.

webFrame.registerURLSchemeAsPrivileged(scheme)

  • scheme String

通过资源的内容安全策略,注册 scheme 为安全的 scheme,允许注册 ServiceWorker并且支持 fetch API.

webFrame.insertText(text)

  • text String

向获得焦点的原色插入内容 .

webFrame.executeJavaScript(code[, userGesture])

  • code String
  • userGesture Boolean (可选) - 默认为 false.

评估页面代码 .

在浏览器窗口中,一些 HTML APIs ,例如 requestFullScreen,只可以通过用户手势来使用.设置userGesture  true 可以突破这个限制 .


分类导航

关注微信下载离线手册

bootwiki移动版 bootwiki
(群号:472910771)