使用 Electron 獲取應(yīng)用和用戶系統(tǒng)信息

xuxueli 發(fā)布于2019-08-21 16:58 / 3905人閱讀

摘要：使用獲取應(yīng)用和用戶系統(tǒng)信息此系列文章的應(yīng)用示例已發(fā)布于可以或下載后運行查看歡迎使用幾個和模塊您可以收集有關(guān)用戶系統(tǒng)應(yīng)用程序或屏幕的信息相關(guān)文檔的鏈接位于下面的示例中獲取應(yīng)用信息支持進程主進程的模塊可用于獲取應(yīng)用程序在用戶計算機上的位置

使用 Electron 獲取應(yīng)用和用戶系統(tǒng)信息

此系列文章的應(yīng)用示例已發(fā)布于 GitHub: electron-api-demos-Zh_CN. 可以 Clone 或下載后運行查看. 歡迎 Star .

使用幾個 Node.js 和 Electron 模塊, 您可以收集有關(guān)用戶系統(tǒng), 應(yīng)用程序或屏幕的信息.

相關(guān)文檔的鏈接位于下面的示例中.

獲取應(yīng)用信息

支持: Win, macOS, Linux | 進程: Both

主進程的 app 模塊可用于獲取應(yīng)用程序在用戶計算機上的位置.

在這個示例中, 要從渲染器進程獲取信息, 我們使用 ipc 模塊向主進程發(fā)送一條消息, 來請求應(yīng)用程序的路徑.

查看更多應(yīng)用模塊文檔.

渲染器進程

const ipc = require("electron").ipcRenderer

const appInfoBtn = document.getElementById("app-info")

appInfoBtn.addEventListener("click", function () {
  ipc.send("get-app-path")
})

ipc.on("got-app-path", function (event, path) {
  const message = `當前應(yīng)用程序位于: ${path}`
  document.getElementById("got-app-info").innerHTML = message
})

主進程

const app = require("electron").app
const ipc = require("electron").ipcMain

ipc.on("get-app-path", function (event) {
  event.sender.send("got-app-path", app.getAppPath())
})

獲取版本信息

支持: Win, macOS, Linux | 進程: Both

process 模塊內(nèi)置在 Node.js 中（因此您可以在主進程和渲染器進程中使用此模塊）, 而在 Electron 應(yīng)用程序中, 此對象還有一些更有用的屬性.

下面的示例將獲取應(yīng)用程序正在使用的 Electron 版本.

查看更多進程文檔.

渲染器進程

const versionInfoBtn = document.getElementById("version-info")

const electronVersion = process.versions.electron

versionInfoBtn.addEventListener("click", function () {
  const message = `當前應(yīng)用正在使用的 Electron 版本: ${electronVersion}`
  document.getElementById("got-version-info").innerHTML = message
})

高級技巧

查找 Chromium, Node.js 和 V8 的版本.

Electron 還在 process.versions 對象中包括 Chromium, Node.js 和 V8 的版本. 您可以通過在 Electron 應(yīng)用中打開開發(fā)人員工具并鍵入 process.versions 來快速查看.

// 返回正在使用的 Chromium 版本
process.versions.chrome
// 返回正在使用的 V8 版本
process.versions.v8
// 返回正在使用的 Node 版本
process.versions.node

獲取系統(tǒng)信息

支持: Win, macOS, Linux | 進程: Both

Node.js 的 os 模塊提供了有關(guān)用戶操作系統(tǒng)的有效信息. 它內(nèi)置在 Node.js 中, 可以在主進程和渲染器進程中使用.

在下面的示例中, 我們通過模塊返回主目錄的位置.

在瀏覽器中查看完整 os 文檔

渲染器進程

const os = require("os")
const homeDir = os.homedir()

const sysInfoBtn = document.getElementById("sys-info")

sysInfoBtn.addEventListener("click", function () {
  const message = `當前系統(tǒng)主目錄是: ${homeDir}`
  document.getElementById("got-sys-info").innerHTML = message
})

獲取屏幕信息

支持: Win, macOS, Linux | 進程: Both

Electron 的 screen 模塊可以獲取有關(guān)屏幕大小, 顯示, 光標位置等信息. 在下面的示例中, 我們將獲取所使用的顯示器的尺寸.

在瀏覽器中查看完整 screen 文檔

渲染器進程

const electronScreen = require("electron").screen

const screenInfoBtn = document.getElementById("screen-info")
const size = electronScreen.getPrimaryDisplay().size

screenInfoBtn.addEventListener("click", function () {
  const message = `當前屏幕是: ${size.width}px x ${size.height}px`
  document.getElementById("got-screen-info").innerHTML = message
})

高級技巧

尺寸差異.

示例中的 .size 方法返回屏幕的原始尺寸, 但由于系統(tǒng)菜單欄, 這可能不是您的應(yīng)用程序的實際可用空間.

要獲取可用屏幕空間的大小, 請使用 .workAreaSize 方法. 而使用 .workArea 方法將返回坐標以及可用屏幕空間的尺寸.

如果這邊文章對您有幫助, 感謝下方點贊或 Star GitHub: electron-api-demos-Zh_CN 支持, 謝謝.