javascript - 获取浏览器屏幕所在的坐标

Question

我想使用 javascript 和 window.open 打开一个新窗口，但我的想法是打开那个窗口，一个小窗口，位于当前窗口的水平和垂直中心。

为简单起见，假设我有一个 1024x768 的屏幕，我想在其前面显示一个 200x100 的小窗口。所以，我需要那个小窗口以 (512,384) 为中心，也就是 (1024,768) 的中心。

像这样:

我正在使用这段代码来发现当前坐标:

var x = window.screenX;
var y = window.screenY;
... proceed to window.open...

但这会产生一个像这样的窗口

因为我有 2 个显示器，当浏览器在显示器 2 上时，这会在第一个显示器的上 Angular 产生一个小窗口。

有没有办法得到正确的坐标？

Answer 1

您可以使用窗口的 innerWidth 和 innerHeight 使其居中:

const popupWidth = 200;
const popupHeight = 100;
const popupTop = (window.innerHeight / 2) - (popupHeight / 2);
const popupLeft = (window.innerWidth / 2) - (popupWidth / 2);

window.open('https://google.com', 'Google Search', `width=${popupWidth},height=${popupHeight},top=${popupTop},left=${popupLeft}`);

注意:为了简单起见，我在那里使用了 ES6 字符串。

PS 我刚刚注意到有人发布了指向相同问题和相同类型答案的链接 - 这确实有效，所以如果它不起作用，请解释它为什么不起作用以及您使用的是什么浏览器!