使用 Electron screen 模塊可對屏幕進行相關操做

screen?模塊檢索屏幕的 size，顯示，鼠標位置等的信息,在?app?模塊的ready?事件觸發以前不可以使用這個模塊.html

注意:?在渲染進程 / 開發者工具欄,?window.screen?是一個預設值的 DOM 屬性, 因此這樣寫?var screen = require('electron').screen?將不會工做. 在咱們下面的例子, 咱們取代使用可變名字的?electronScreen. 一個例子，建立一個充滿真個屏幕的窗口 :web

import { app, protocol, BrowserWindow, screen } from 'electron'

function createWindow () {

// Create the browser window.

let size = screen.getPrimaryDisplay().workAreaSize

let width = parseInt(size.width * 0.9)

let height = parseInt(size.height * 0.9)

win = new BrowserWindow({

show: false,

width: width,

height: height,

backgroundColor: '#f0eff4',

webPreferences: {

webSecurity: !isDev

}

})

}

app.on('ready', async () => {

createWindow()

})

在渲染進程建立一個窗口:app

const electron = require('electron')

const app = electron.app

const BrowserWindow = electron.BrowserWindow

let mainWindow

app.on('ready', function() {

var electronScreen = electron.screen;

var displays = electronScreen.getAllDisplays()

var externalDisplay = null

for (var i in displays) {

if (displays[i].bounds.x != 0 || displays[i].bounds.y != 0) {

externalDisplay = displays[i]

break

}

}

if (externalDisplay) {

mainWindow = new BrowserWindow({

x: externalDisplay.bounds.x + 50,

y: externalDisplay.bounds.y + 50

})

}

})

總結

以上是生活随笔為你收集整理的html在screen检索屏幕分辨率,Electron开发之screen模块-根据屏幕分辨率设置窗口大小...的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。