禁用分屏反应本机

在一些情况下，我们可能需要禁用浏览器的分屏反应本机。比如我们的网站是一个单页应用（SPA）, 或者我们希望用户在某些情况下禁用浏览器分屏等。

在Javascript中，我们可以使用resize事件来控制分屏和禁用分屏反应本机。具体实现方法如下：

let lastWindowWidth = window.innerWidth;
let lastWindowHeight = window.innerHeight;

window.addEventListener('resize', (event) => {
  if (window.innerWidth !== lastWindowWidth || window.innerHeight !== lastWindowHeight) {
    event.preventDefault();
    window.resizeTo(lastWindowWidth, lastWindowHeight);
  }
});

在这段代码中，我们记录了窗口的最后宽度和高度。当窗口的大小发生改变时（即resize事件被触发），我们检查窗口的当前宽度和高度是否与之前记录的宽度和高度相同。如果不同，我们则阻止浏览器对窗口的默认行为，即分屏反应本机，并将窗口大小恢复到最后一次记录的大小。

需要注意的是，由于一些浏览器安全策略，例如Chrome，可能会阻止窗口大小的调整，从而导致该方法失效。所以在使用该方法时需要特别留意。

参考资料：

• Prevent resize of browser window in jQuery - Stack Overflow