CEF Forum

Is there a way to listen BrowserView's maximize,minimize,resize event?
Or developers must use native system API to do this job?
Developers use Native system API must provide diffrent code for diffrent OS, It is difficult.

When user double click `-webkit-app-region: drag` area,the window will be maximized.
I want to listen maximized event to do somthing.

You should be able to detect this with JavaScript: https://developer.mozilla.org/en-US/doc ... indowState or https://stackoverflow.com/questions/103 ... javascript

Thanks very much

But the `windows.WindowState` is a chrome extension api, and developer can not addEventListener to listen it's change event.
Use setInterval ?

`document.addEventListener("visibilitychange", function() {})` can not get the maximize event.

What about fullscreenchange?

Thanks very much.

I use these codes to finish the job

Code: Select all

//防抖
let debounce = (fn, span = 680) => {
  let timer = null;
  return function () {
    clearTimeout(timer);
    timer = setTimeout(() => fn.apply(this, arguments), span);
  };
};
window.addEventListener("load", () => {
  let btnArr = document.querySelector(".titleTool").children;
  btnArr[0].addEventListener("click", () => {
    horse.window.minimize();
  });
  btnArr[1].addEventListener("click", () => {
    if (btnArr[1].classList.contains("horse-restore")) {
      horse.window.restore();
    } else {
      horse.window.maximize();
    }
  });
  btnArr[2].addEventListener("click", () => {
    horse.window.close();
  });
  let maximizeLogic = () => {
    if (
      window.outerHeight === screen.availHeight &&
      window.outerWidth === screen.availWidth
    ) {
      btnArr[1].classList.remove("horse-maximize");
      btnArr[1].classList.add("horse-restore");
    } else {
      btnArr[1].classList.remove("horse-restore");
      btnArr[1].classList.add("horse-maximize");
    }
  };
  maximizeLogic();
  window.addEventListener("resize", debounce(maximizeLogic));
});