解决宝塔面板页面在Edge浏览器上无法最小化的问题

问题描述

宝塔面板版本：v11.5.0

Edge浏览器版本：147.0.3912.86

安装了新版本的宝塔面板后（v11.5.0，现在已经不是最新版本了），发现在切换到宝塔面板标签页时，Edge浏览器不能正常最小化，最小化/显示桌面后会重新出现，而其他标签页就不会这样

似乎在某些版本的Chromium内核浏览器中，存在一些与history API交互的BUG，会导致这个问题。在页面的监听器中找到了相关代码：

目前最新版本的Edge浏览器（147.0.3912.86）仍然存在此问题，Egde测试版没有这个问题

宝塔论坛已经有帖子提出这个问题了，官方标记了“【已记录】”，目前最新版本（v11.7.0）已经修复

解决方案

任选一种：

1.更新宝塔面板到最新版本

2.使用Egde测试版（不建议选择Canary通道）(等待后续的Egde版本更新，应该也能解决）

3.如果使用的是存在此问题的宝塔面板和浏览器版本，可使用下面的油猴脚本临时解决：

安装油猴插件→添加新脚本→输入并保存以下脚本内容，刷新页面：

// ==UserScript==
// @name         修复宝塔面板最小化问题
// @namespace    http://tampermonkey.net/
// @version      1.0
// @description  修复宝塔面板页面在部分浏览器上无法最小化的问题
// @author       波波
// @match        *://请修改为你的面板访问地址/*
// @icon         https://www.google.com/s2/favicons?sz=64&domain=17.30
// @run-at       document-start
// @grant        none
// ==/UserScript==

(function() {
    'use strict';

    const originalReplaceState = history.replaceState;

    //劫持replaceState
    history.replaceState = function(state, title, url) {
        if (document.visibilityState === 'hidden') {
            console.log('[BTFix][info]已阻止在页面不可见时执行replaceState.');
            return;
        }

        return originalReplaceState.call(this, state, title, url);
    };
})();

目录CONTENT

解决宝塔面板页面在Edge浏览器上无法最小化的问题

问题描述

解决方案

评论区