html在screen检索屏幕分辨率,Electron开发之screen模块-根据屏幕分辨率设置窗口大小...

使用 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

})

}

})