Mengapa ada pemberitahuan konstan,

JQMIGRATE: Migrasi diinstal, versi 1.4.0

yang menunjuk ke load-scripts.phpkonsol saya ketika saya memperbarui tema saya ke WordPress 4.5, dan bagaimana cara menghapusnya?

Ini bukan kesalahan, tapi selalu ada di konsol saya, dan saya benar-benar tidak mengerti apa gunanya. Haruskah saya memperbarui sesuatu, atau membuat beberapa perubahan pada kode saya?

Mungkin saya memiliki sedikit OCD, tetapi biasanya ketika saya memeriksa situs tersebut, saya suka melihat kesalahan dan pemberitahuan nyata yang mengarah ke masalah di konsol saya ...

WordPress menggunakan skrip migrasi jQuery untuk memastikan kompatibilitas mundur untuk setiap plugin atau tema yang mungkin Anda gunakan yang menggunakan fungsionalitas yang dihapus dari versi jQuery yang lebih baru.

Dengan rilis WordPress 4.5, tampaknya mereka telah memutakhirkan versi jQuery yang bermigrasi dari v1.2.1 ke v1.4.0 - Setelah pemindaian cepat melalui kode tersebut akan terungkap bahwa v1.4.0 mencatat bahwa skrip dimuat tanpa memperhatikan apakah atau tidak migrateMuteopsi diatur dan di kedua versi terkompresi dan diperkecil.

Satu-satunya cara untuk menghapus pemberitahuan adalah memastikan bahwa semua plugin / kode tema Anda tidak bergantung pada fungsionalitas jQuery lama, dan kemudian menghapus skrip migrasi. Ada plugin di luar sana untuk melakukan ini, tetapi ini adalah metode yang cukup sederhana yang hanya dapat ditempatkan di file fungsi tema Anda atau serupa:

add_action('wp_default_scripts', function ($scripts) {
    if (!empty($scripts->registered['jquery'])) {
        $scripts->registered['jquery']->deps = array_diff($scripts->registered['jquery']->deps, ['jquery-migrate']);
    }
});

Harap perhatikan bahwa ini tidak dianggap praktik terbaik untuk pengembangan WordPress dan menurut saya skrip migrasi tidak boleh dihapus hanya demi menjaga konsol pengembang tetap bersih.

Anda bisa mengubah teks pesan log menjadi kosong jquery-migrate.min.jstetapi ini tidak akan dipertahankan pada pembaruan inti.

Alternatifnya adalah menambahkan salinan fungsi passthrough / filter console.logke tepat sebelum skrip migrasi dimuat, dan katakan itu untuk mengabaikan logging logging pesan yang berisi ' Migrate is installed'. Melakukannya dengan cara ini akan mempertahankan peringatan Migrasi lainnya juga:

// silencer script
function jquery_migrate_silencer() {
    // create function copy
    $silencer = '<script>window.console.logger = window.console.log; ';
    // modify original function to filter and use function copy
    $silencer .= 'window.console.log = function(tolog) {';
    // bug out if empty to prevent error
    $silencer .= 'if (tolog == null) {return;} ';
    // filter messages containing string
    $silencer .= 'if (tolog.indexOf("Migrate is installed") == -1) {';
    $silencer .= 'console.logger(tolog);} ';
    $silencer .= '}</script>';
    return $silencer;
}

// for the frontend, use script_loader_tag filter
add_filter('script_loader_tag','jquery_migrate_load_silencer', 10, 2);
function jquery_migrate_load_silencer($tag, $handle) {
    if ($handle == 'jquery-migrate') {
        $silencer = jquery_migrate_silencer();
        // prepend to jquery migrate loading
        $tag = $silencer.$tag;
    }
    return $tag;
}

// for the admin, hook to admin_print_scripts
add_action('admin_print_scripts','jquery_migrate_echo_silencer');
function jquery_migrate_echo_silencer() {echo jquery_migrate_silencer();}

Hasilnya adalah satu baris skrip HTML yang ditambahkan ke frontend dan backend yang mencapai efek yang diinginkan (mencegah pesan yang diinstal.)

Hanya sedikit tes di sini.

Saya mengintip ke jquery-migrate.js dan memperhatikan bagian ini:

// Set to true to prevent console output; migrateWarnings still maintained
// jQuery.migrateMute = false;

jadi saya menguji yang berikut dengan yang baru wp_add_inline_script(), diperkenalkan di versi 4.5:

add_action( 'wp_enqueue_scripts', function()
{   
    wp_add_inline_script( 
        'jquery-migrate', 'jQuery.migrateMute = true;',
        'before' 
    );
} );

Ini akan berubah:

JQMIGRATE: Migrasi diinstal dengan logging aktif, versi 1.4.0

untuk:

JQMIGRATE: Migrasi diinstal, versi 1.4.0

Jadi itu tidak benar-benar mencegah semua output konsol, seperti bagian ini di jquery-migrate.js:

// Show a message on the console so devs know we're active
if ( window.console && window.console.log ) {
    window.console.log( "JQMIGRATE: Migrate is installed" +
        ( jQuery.migrateMute ? "" : " with logging active" ) +
        ", version " + jQuery.migrateVersion );
}

Larutan:

tambahkan ini ke functions.php:

function remove_jquery_migrate_notice() {
    $m= $GLOBALS['wp_scripts']->registered['jquery-migrate'];
    $m->extra['before'][]='temp_jm_logconsole = window.console.log; window.console.log=null;';
    $m->extra['after'][]='window.console.log=temp_jm_logconsole;';
}
add_action( 'init', 'remove_jquery_migrate_notice', 5 );

Ia bekerja ketika jquery-migratedipanggil dengan kait standar (yang keluaran <link rel=stylesheet....>) dan tidak dengan load-scripts.phpdalam jumlah besar (seperti di admin-dashboard).

Memiliki masalah yang sama, dan menemukan Anda hanya perlu set SCRIPT_DEBUGke falsedalam Anda wp-config.php. Semoga ini bisa membantu seseorang

Seperti yang disebutkan sebelumnya oleh Andy WordPress menggunakan skrip migrasi jQuery untuk memastikan kompatibilitas ke belakang dan inilah mengapa ini secara otomatis dimuat secara default.

Berikut adalah cara yang aman untuk menghapus modul JQuery Migrate dan dengan demikian menyingkirkan pemberitahuan JQMIGRATE yang mengganggu sambil mempercepat pemuatan halaman Anda di sisi klien. Cukup salin / tempel kode ini di file functions.php Anda dan Anda selesai:

<?php
/**
 * Disable jQuery Migrate in WordPress.
 *
 * @author Guy Dumais.
 * @link https://en.guydumais.digital/disable-jquery-migrate-in-wordpress/
 */
add_filter( 'wp_default_scripts', $af = static function( &$scripts) {
    if(!is_admin()) {
        $scripts->remove( 'jquery');
        $scripts->add( 'jquery', false, array( 'jquery-core' ), '1.12.4' );
    }    
}, PHP_INT_MAX );
unset( $af );

Keterangan lebih lanjut

Untuk mendapatkan detail lebih lanjut tentang alasan saya menggunakan fungsi statis, baca artikel saya di sini:
►► https://en.guydumais.digital/disable-jquery-migrate-in-wordpress/