B站首页滑动掉帧明显

[CuteLittleSky]

Beautify 0.0.79 首页滑动掉帧特别明显 已关闭adblock和其他扩展发现的..

[symant233]

好的 我去看一下

[symant233]

以前的版本会出现这个问题吗，79版本没有改动首页的内容，应该不会影响。

然后我去看了B站首页会启用的代码，分析见注释：

case 'www.bilibili.com': {
    const enableWideScreen = GM_getValue('enableWideScreen', true); // 是否启用宽屏模式
    GM_registerMenuCommand('切换宽屏设置', () => GM_setValue('enableWideScreen', !enableWideScreen));
    function setWide() { ... }
    new Promise(resolve => {
        const player = document.querySelector('#bilibili-player');
        if (player && enableWideScreen) {
        // 首页不会进入该步 不会调用 MutationObserver 影响性能
            unsafeWindow.ob = new MutationObserver((mutationList) => {
                setWide();
            });
            unsafeWindow.ob.observe(player, {
                attributes: false,
                subtree: true,
                childList: true,
            });
        }
        resolve();
    });
    // PiP 画中画模式快捷键`p` 不影响性能
    document.addEventListener('keyup', function (e) {
        if (e.key === 'p' && e.altKey) {
            document.querySelector('video').requestPictureInPicture();
        } else if (e.key === 'ArrowRight' & e.altKey === true) {
            $('.bilibili-player-video-btn-next').click();
        }
    }, false);
    GM_addStyle(`html.gray {
        filter: grayscale(0) !important;
        -webkit-filter: grayscale(0) !important;
    }`); // 去除灰色滤镜的CSS代码 不影响性能
    // start of the `spm_id_from` filter
    let listener = function (e) { ... }
    document.body.addEventListener("contextmenu", listener, false); // 右键的监听器 不按右键无影响
    break;
}

[CuteLittleSky]

以前有..我之前用的六十几 卡 才升级的 感觉是最近b站首页改了什么东西

天空 @.***

 

------------------ 原始邮件 ------------------ 发件人: "symant233/PublicTools" @.>; 发送时间: 2024年6月9日(星期天) 下午4:13 @.>; @.**@.>; 主题: Re: [symant233/PublicTools] B站首页滑动掉帧明显 (Issue #9)

以前的版本会出现这个问题吗，79版本没有改动首页的内容，应该不会影响。

然后我去看了B站首页会启用的代码，分析见注释： case 'www.bilibili.com': { const enableWideScreen = GM_getValue('enableWideScreen', true); // 是否启用宽屏模式 GM_registerMenuCommand('切换宽屏设置', () => GM_setValue('enableWideScreen', !enableWideScreen)); function setWide() { ... } new Promise(resolve => { const player = document.querySelector('#bilibili-player'); if (player && enableWideScreen) { // 首页不会进入该步 不会调用 MutationObserver 影响性能 unsafeWindow.ob = new MutationObserver((mutationList) => { setWide(); }); unsafeWindow.ob.observe(player, { attributes: false, subtree: true, childList: true, }); } resolve(); }); // PiP 画中画模式快捷键p 不影响性能 document.addEventListener('keyup', function (e) { if (e.key === 'p' && e.altKey) { document.querySelector('video').requestPictureInPicture(); } else if (e.key === 'ArrowRight' & e.altKey === true) { $('.bilibili-player-video-btn-next').click(); } }, false); GM_addStyle(html.gray { filter: grayscale(0) !important; -webkit-filter: grayscale(0) !important; }); // 去除灰色滤镜的CSS代码 不影响性能 // start of the spm_id_from filter let listener = function (e) { ... } document.body.addEventListener("contextmenu", listener, false); // 右键的监听器 不按右键无影响 break; }

— Reply to this email directly, view it on GitHub, or unsubscribe. You are receiving this because you authored the thread.Message ID: @.***>

[symant233]

上面的代码59版本已经有了，最近改的话好像也只有下面这个设置项，也不该有性能问题：

const enableWideScreen = GM_getValue('enableWideScreen', true); // 是否启用宽屏模式
GM_registerMenuCommand('切换宽屏设置', () => GM_setValue('enableWideScreen', !enableWideScreen));

也许可以去 https://greasyfork.org/zh-CN/scripts/390421-beautify/versions 安装一下以前的版本，逐一排查一下从哪开始有问题的，然后我再看看那个版本改动了啥，我电脑可能性能比较好没有看出有掉帧。