在渲染进程中可以引入remote模块,remote模块调用getCurrentWindow()方法获取到当前窗口,获取到当前窗口后可以通过getSize()和getPosition()来获取当前窗口的尺寸和位置。
例子如下:
渲染进程的页面:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>hello world</title>
<script src="./event.js"></script>
</head>
<body>
<h1>这是第一个electron桌面应用</h1>
<button onclick="onClick_GetSizePostion()">获取窗口尺寸和位置</button>
<button onclick="onClick_SetSizePostion()">设置窗口尺寸和位置</button>
</body>
</html>
<html>
<head>
<meta charset="UTF-8">
<title>hello world</title>
<script src="./event.js"></script>
</head>
<body>
<h1>这是第一个electron桌面应用</h1>
<button onclick="onClick_GetSizePostion()">获取窗口尺寸和位置</button>
<button onclick="onClick_SetSizePostion()">设置窗口尺寸和位置</button>
</body>
</html>
渲染进程的js:
const remote = require('electron').remote;
function onClick_GetSizePostion(){
const win = remote.getCurrentWindow();
console.log("宽度:"+win.getSize()[0]);//获取窗口宽度
console.log("高度:" + win.getSize()[1]);//获取窗口高度
console.log("X: "+win.getPosition()[0]);//获取窗口横坐标
console.log("Y: " + win.getPosition()[1]);//获取窗口纵坐标
}
function onClick_SetSizePostion(){
const win = remote.getCurrentWindow();
win.setSize(400,400,true);//设置窗口宽度和高度
win.setPosition(200, 300, true);//设置窗口横坐标和纵坐标
}
function onClick_GetSizePostion(){
const win = remote.getCurrentWindow();
console.log("宽度:"+win.getSize()[0]);//获取窗口宽度
console.log("高度:" + win.getSize()[1]);//获取窗口高度
console.log("X: "+win.getPosition()[0]);//获取窗口横坐标
console.log("Y: " + win.getPosition()[1]);//获取窗口纵坐标
}
function onClick_SetSizePostion(){
const win = remote.getCurrentWindow();
win.setSize(400,400,true);//设置窗口宽度和高度
win.setPosition(200, 300, true);//设置窗口横坐标和纵坐标
}