成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

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

xuxueli / 3932人閱讀

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

使用 Electron 獲取應(yīng)用和用戶系統(tǒng)信息 
此系列文章的應(yīng)用示例已發(fā)布于 GitHub: electron-api-demos-Zh_CN. 可以 Clone 或下載后運(yùn)行查看. 歡迎 Star .

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

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

獲取應(yīng)用信息 
支持: Win, macOS, Linux | 進(jìn)程: Both

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

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

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

渲染器進(jìn)程

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 = `當(dāng)前應(yīng)用程序位于: ${path}`
  document.getElementById("got-app-info").innerHTML = message
})

主進(jìn)程

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 | 進(jìn)程: Both

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

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

查看更多 進(jìn)程文檔.

渲染器進(jìn)程

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

const electronVersion = process.versions.electron

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

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

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

// 返回正在使用的 Chromium 版本
process.versions.chrome
// 返回正在使用的 V8 版本
process.versions.v8
// 返回正在使用的 Node 版本
process.versions.node
獲取系統(tǒng)信息 
支持: Win, macOS, Linux | 進(jìn)程: Both

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

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

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

渲染器進(jìn)程

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

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

sysInfoBtn.addEventListener("click", function () {
  const message = `當(dāng)前系統(tǒng)主目錄是: ${homeDir}`
  document.getElementById("got-sys-info").innerHTML = message
})
獲取屏幕信息 
支持: Win, macOS, Linux | 進(jìn)程: Both

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

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

渲染器進(jìn)程

const electronScreen = require("electron").screen

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

screenInfoBtn.addEventListener("click", function () {
  const message = `當(dāng)前屏幕是: ${size.width}px x ${size.height}px`
  document.getElementById("got-screen-info").innerHTML = message
})
高級(jí)技巧

尺寸差異.

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

要獲取可用屏幕空間的大小, 請(qǐng)使用 .workAreaSize 方法. 而使用 .workArea 方法將返回坐標(biāo)以及可用屏幕空間的尺寸.

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

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/88972.html

相關(guān)文章

  • Electron入門(mén)介紹

    摘要：本文主要講解的入門(mén)?？梢詭椭覀児芾戆南螺d依賴部署發(fā)布等?？梢哉J(rèn)為是中的。后續(xù)使用中，全部替換為即可。命令根據(jù)它，自動(dòng)下載所需模塊用于創(chuàng)建窗口和處理系統(tǒng)事件安裝包的位置。 Electron是什么 可以認(rèn)為Electron是一種運(yùn)行環(huán)境庫(kù)，我們可以基于此，用HTML、JS和CSS寫(xiě)桌面應(yīng)用。PC端的UI交互，主要有web應(yīng)用和桌面應(yīng)用。具體采用哪種方式，主要看系統(tǒng)的應(yīng)用場(chǎng)景，哪個(gè)更合適...

    wing324 評(píng)論0 收藏0

  • 一口氣完成electron的入門(mén)學(xué)習(xí)

    摘要：目前類似的工具有，等。在渲染進(jìn)程中，直接調(diào)用原生的接口是十分危險(xiǎn)的。這里介紹一種，通過(guò)和對(duì)象，以消息的方式進(jìn)行通信。主進(jìn)程獲得消息后，通過(guò)返回信息。另外，還提供了一種同步的消息傳遞方式。打包完成功能代碼后，我們需要將代碼打成可運(yùn)行的包。 介紹 目前，使用前端技術(shù)開(kāi)發(fā)桌面應(yīng)用已經(jīng)越來(lái)越成熟，這使得前端同學(xué)也可以參與桌面應(yīng)用的開(kāi)發(fā)。目前類似的工具有electron，NW.js等。這里我們著...

    Ethan815 評(píng)論0 收藏0

  • XCel 項(xiàng)目總結(jié) - Electron 與 Vue 的性能優(yōu)化

    摘要：而這里的單元格信息是唯一的，所以直接通過(guò)為一個(gè)空對(duì)象賦值即可。和相關(guān)的知識(shí)和技巧高亮的列單元格采用展示。在中，被選中的單元格會(huì)高亮相應(yīng)的行和列，以提醒用戶。 showImg(https://segmentfault.com/img/bVGkdk?w=900&h=500); XCEL 是一個(gè) Excel 數(shù)據(jù)清洗工具，其通過(guò)可視化的方式讓用戶輕松地對(duì) Excel 數(shù)據(jù)進(jìn)行篩選。 XCEL...

    XUI 評(píng)論0 收藏0

  • 基于electron制作一個(gè)node壓縮圖片的桌面應(yīng)用

    摘要：壓縮圖片桌面應(yīng)用基于制作一個(gè)壓縮圖片的桌面應(yīng)用下載地址項(xiàng)目源碼準(zhǔn)備工作我們來(lái)整理一下我們需要做什么壓縮圖片模塊獲取文件路徑桌面應(yīng)用生成壓縮圖片我們需要使用這個(gè)庫(kù)來(lái)壓縮圖片，這里我們把這個(gè)庫(kù)封裝成壓縮模塊。 壓縮圖片桌面應(yīng)用imagemin-electron 基于electron制作一個(gè)node壓縮圖片的桌面應(yīng)用 下載地址：https://github.com/zenoslin/imag...

    bigdevil_s 評(píng)論0 收藏0

  • 用 Electron 打造 Win/Mac 應(yīng)用，從「代碼」到可下載的「安裝包」，可能比你想得麻煩一

    摘要：三配置環(huán)節(jié)目的一是為之后的環(huán)節(jié)初始化工作流參數(shù)，二是準(zhǔn)備好應(yīng)用文件夾內(nèi)容即要打包的目標(biāo)文件夾做的事解析命令行參數(shù)，初始化工作參數(shù)，填充配置文件，把配置文件和相關(guān)依賴文件導(dǎo)入到文件夾內(nèi)合適的 首發(fā)于酷家樂(lè)前端博客，作者@摘星（segmentfault @StinsonZhao） 我們能從很多地方學(xué)習(xí)到怎么起一個(gè) Electron 項(xiàng)目，有些還會(huì)介紹怎么打包或構(gòu)建你的代碼，但距離「真正地...

    LdhAndroid 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<