javascript - window.dispatchEvent 在 Firefox、Safari 或 IE 中不起作用

Question

由于 promise 会在非常宽的元素上破坏 IScroll(问题是如果 promise 成功，我会使用 promise 来更改宽度)，因此我需要强制调整浏览器窗口的大小。 IScroll 在 Promise 完成之前加载并从原始元素获取 with 。结果是我只能滚动与原始元素宽度一样宽的宽度，而不是 promise 加载的更宽元素的新宽度。如果我手动调整浏览器窗口的大小，则可以滚动完整尺寸。

我通过在 Promise 加载后更改 IScroll 的 maxScrollX 和 scrollerWidth 来修复此问题，但我还使用了一个不会一直滚动的指示器。

我尝试使用 window.dispatchEvent(new Event('resize')); 来强制调整窗口大小来解决此问题。我的问题是，这在 Chrome 中工作正常，但在 Firefox、Safari 和 IE 中完全破坏了滚动。是否有其他方法可以强制调整与所有浏览器兼容的窗口大小？

我尝试了以下浏览器，但不起作用:

• Safari 5.1.4 (734.54.16)
• 火狐45.0.2
• 边缘25.10586.0.0

Answer 1

我终于自己找到了答案:

$timeout(function() {
    var evt = $window.document.createEvent('UIEvents'); 
    evt.initUIEvent('resize', true, false, $window, 0); 
    $window.dispatchEvent(evt);
});