iPadのSafariでタブ非表示になったときresizeイベントが発火しないので困った

Mobile Safariでタブ切替、ウィンドウの表示非表示を検知する方法 | SRIA BLOG – 宮城県仙台市のWEBシステム開発・スマホアプリ開発

https://www.sria.co.jp/blog/2014/08/in-the-mobile-safari-tab-switching-how-to-detect-non-show-window/

※画面の表示、非表示を検知する

window.addEventListener("pageshow", function(){

  //表示された

});

window.addEventListener("pagehide", function(){

  //非表示になった

});

windowのpageshow、pagehideイベントをハンドルするだけです。

これでfunction内に処理を記載すると、画面が表示、非表示に切替されるタイミングで

任意のコードを実行できるようになります。