Javascript 在浏览器中单击Maximize或Minimize按钮时启用调整图标大小的功能

我写了这段代码来调整浏览器大小时的图标大小。单击Maximize按钮或Minimize按钮时，代码不起作用

单击浏览器中的Maximize和Minimize按钮以调整

开关图标的大小时，如何启用调用我的
displayWindowSize
功能

<script>
    //window.onresize = displayWindowSize;
    //window.onload = displayWindowSize;

    $(window).resize(function()
     {   
      setTimeout(function() {
          displayWindowSize();
      }, 100);
    });

    function displayWindowSize() {
      var tpReportWidth = $("#tpReport").width();
      var iconWidth = $("#switch_icon").width();
      var newIconWidth = Math.round(tpReportWidth/49.6).toFixed(2)
      console.log('tpReportWidth: ' + tpReportWidth + " ,iconWidth: " + iconWidth + 'newIconWidth: ' + newIconWidth);
      $("#switch_icon").attr('height',newIconWidth);
      $("#switch_icon").attr('width',newIconWidth);
    };
</script>


//window.onresize=显示窗口大小；
//window.onload=显示窗口大小；
$（窗口）。调整大小（函数（）
{   
setTimeout（函数（）{
displayWindowsSize（）；
}, 100);
});
函数displayWindowsSize（）{
var tpReportWidth=$（“#tpReport”）.width（）；
var iconWidth=$（“#开关_图标”）.width（）；
var newIconWidth=Math.round（tpReportWidth/49.6）.toFixed（2）
log（'tpReportWidth:'+tpReportWidth+”，iconWidth:'+iconWidth+'newIconWidth:'+newIconWidth）；
$（“#开关图标”）.attr（'height'，newIconWidth）；
$（“#开关图标”）.attr（'width'，newIconWidth）；
};
在chrome/firefox中确实会触发调整大小事件。

调整大小、最大化、取消最大化事件将触发调整大小事件。

最小化（完全隐藏浏览器的最小化）将触发可见性更改事件

您确定问题不是由其他原因引起的吗？

下面的代码将增加一个计数器，每次触发调整大小/可见性更改时都会增加一个计数器

请注意，由于代码段是在iframe中运行的，因此必须将代码段扩展到整个页面才能查看事件


//window.onresize=displayWindowsSize；
//window.onload=显示窗口大小；
$（窗口）。调整大小（函数（）{
setTimeout（函数（）{
displayWindowsSize（）；
}, 100);
});
var resizeCount=0；
函数displayWindowsSize（）{
$（'.resize count'）.text（“调整大小：+++resizeCount”）；
};
document.addEventListener（“visibilitychange”，函数（）{
显示最小化（）
}，假）；
var最小计数=0；
函数displayMinimize（）{
$（'.visibility count'）.text（“可见性：+++minimizeCount”）；
};

调整大小：无
能见度：无
它在Google chrome中工作。浏览器可能是这样的吗？我在chome和firefox中试用过，但它不起作用。请编写您的htmls。我认为在定义
tpReport
或
switch\u icon
什么对我有效这一答案时应该有错误。我对延误有意见。我将值设置为200。我在链接中使用了答案的代码。