如何移除jQuery 3.5.1中的unload监听器？Lighthouse检测问题

我在网站上运行Lighthouse审计后，发现jQuery 3.5.1中存在unload监听器。我尝试将unload/onunload替换为pagehide/onpagehide事件，但Lighthouse仍指向文件中的其他位置，似乎没有简单的解决办法，请问该如何修复？以下是包含unload的jQuery代码（已将unload替换为pagehide，onunload替换为onpagehide）：

setDocument = Sizzle.setDocument = function( node ) {
    var hasCompare, subWindow,
        doc = node ? node.ownerDocument || node : preferredDoc;

    // Return early if doc is invalid or already selected
    // Support: IE 11+, Edge 17 - 18+
    // IE/Edge sometimes throw a "Permission denied" error when strict-comparing
    // two documents; shallow comparisons work.
    // eslint-disable-next-line eqeqeq
    if ( doc == document || doc.nodeType !== 9 || !doc.documentElement ) {
        return document;
    }

    // Update global variables
    document = doc;
    docElem = document.documentElement;
    documentIsHTML = !isXML( document );

    // Support: IE 9 - 11+, Edge 12 - 18+
    // Accessing iframe documents after unload throws "permission denied" errors (jQuery #13936)
    // Support: IE 11+, Edge 17 - 18+
    // IE/Edge sometimes throw a "Permission denied" error when strict-comparing
    // two documents; shallow comparisons work.
    // eslint-disable-next-line eqeqeq
    if ( preferredDoc != document &&
        ( subWindow = document.defaultView ) && subWindow.top !== subWindow ) {

        // Support: IE 11, Edge
        if ( subWindow.addEventListener ) {
            subWindow.addEventListener( "unload", unloadHandler, false );

        // Support: IE 9 - 10 only
        } else if ( subWindow.attachEvent ) {
            subWindow.attachEvent( "onunload", unloadHandler );
        }
    }
}

1. 全局搜索替换所有unload相关实例 #

你只修改了Sizzle模块中的unload事件，jQuery核心代码里还有其他unload相关逻辑，需要全面排查：

• 搜索整个jQuery文件中的"unload"字符串，找到所有事件绑定、方法定义的位置
• 把所有addEventListener("unload")替换为addEventListener("pagehide")，attachEvent("onunload")替换为attachEvent("onpagehide")

2. 替换jQuery的unload方法定义 #

jQuery 3.5.1内置了$.fn.unload方法，需要替换为pagehide的实现：
找到类似如下的代码块：

jQuery.fn.extend({
    unload: function( data, fn ) {
        return arguments.length > 0 ?
            this.on( "unload", null, data, fn ) :
            this.trigger( "unload" );
    }
});

修改为：

jQuery.fn.extend({
    pagehide: function( data, fn ) {
        return arguments.length > 0 ?
            this.on( "pagehide", null, data, fn ) :
            this.trigger( "pagehide" );
    }
});

3. 检查业务代码中的调用 #

如果你的项目代码里有用到$(window).unload()这类写法，也要同步替换为$(window).pagehide()，确保事件绑定逻辑一致。

4. 验证修复效果 #

• 替换完成后，重新运行Lighthouse审计，确认unload监听器的警告消失
• 在主流浏览器（Chrome、Firefox、Safari）测试页面功能，确保页面跳转、关闭时的清理逻辑（如数据保存、资源释放）正常运行

5. 可选：升级jQuery版本 #

如果不想手动修改源码，可以直接升级到jQuery 3.6.0及以上版本，后续版本已针对pagehide事件做了适配，减少了对unload的依赖，能直接解决Lighthouse的警告。

内容的提问来源于stack exchange，提问作者duerzd696