javascript - 在重新绘制浏览器窗口之前执行所有 JavaScript 代码

Question

我想使用 JavaScript 调整和移动浏览器窗口的大小。resizeTo() 和 moveTo() 似乎是我的朋友：

window.resizeTo(x,y);
window.moveTo(x,y);

这可行，但在视觉上，它有点笨拙。首先，将窗口移动到所需位置，然后在显示器上重新绘制窗口。最后，将窗口调整为所需的尺寸，并再次在显示屏上重新绘制。这一切都发生在几百毫秒内，但两个离散的步骤很明显，看起来很尴尬。

我真正想要的是这两种方法是原子的，这样它们都会在浏览器窗口（UI 和所有）在显示器上重新绘制之前返回。是否可以使用 JavaScript 实现对窗口重新定位和调整大小的这种更具凝聚力的表示？

Answer 1

使用 setTimeout 技巧让 UI “赶上”。

window.setTimeout(function() {window.resizeTo(x,y)},0);
window.setTimeout(function() {window.moveTo(x,y)},0);