如何移除插件加载的Knockout JS并替换自定义版本？

以下是几种可行的方法，帮你替换插件加载的Knockout JS为自定义版本：

方法一：直接替换脚本源（最稳妥） #

利用script_loader_src过滤器，直接将插件注册的knockout脚本地址替换为你的自定义版本，无需注销原有脚本：

add_filter( 'script_loader_src', 'replace_custom_knockout', 10, 2 );
function replace_custom_knockout( $src, $handle ) {
    if ( 'knockout' === $handle ) {
        // 替换为主题内自定义Knockout的路径
        return get_stylesheet_directory_uri() . '/js/knockout-custom.js';
    }
    return $src;
}

方法二：在脚本输出前注销并重新注册 #

如果插件在wp_enqueue_scripts之后才注册脚本，改用wp_print_scripts钩子（脚本输出前触发），高优先级注销原有脚本并加载自定义版本：

add_action( 'wp_print_scripts', 'swap_knockout_script', 99999 );
function swap_knockout_script() {
    wp_deregister_script( 'knockout' );
    // 注册并加载自定义版本，可按需调整依赖、版本号和加载位置（最后一个true表示在页脚加载）
    wp_register_script( 'knockout', get_stylesheet_directory_uri() . '/js/knockout-custom.js', array(), '1.0.0', true );
    wp_enqueue_script( 'knockout' );
}

方法三：过滤输出缓冲区移除硬编码脚本 #

如果插件未使用WordPress规范的脚本注册函数，而是直接输出<script>标签，用输出缓冲区过滤掉该标签并添加自定义脚本：

add_action( 'wp_footer', 'start_buffer_for_knockout', 1 );
function start_buffer_for_knockout() {
    ob_start( 'replace_knockout_in_buffer' );
}

function replace_knockout_in_buffer( $output ) {
    // 替换为插件Knockout脚本的实际URL
    $plugin_knockout_url = 'https://example.com/wp-content/plugins/你的插件名/js/built/knockout.js';
    // 移除插件的脚本标签
    $output = str_replace( '<script src="' . esc_url( $plugin_knockout_url ) . '"></script>', '', $output );
    // 添加自定义脚本
    $custom_script = '<script src="' . esc_url( get_stylesheet_directory_uri() . '/js/knockout-custom.js' ) . '"></script>';
    return $output . $custom_script;
}

注意事项 #

• 替换路径时确保自定义Knockout文件在主题目录下的对应位置
• 如果插件的Knockout有依赖项，需在wp_register_script的第三个参数中添加对应依赖
• 建议优先测试方法一，若无效再尝试方法二或三

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