ทำไมถึงมีการแจ้งเตือนอย่างต่อเนื่อง

JQMIGRATE: การติดตั้งการโอนย้ายเวอร์ชัน 1.4.0

สิ่งนั้นชี้ไปที่load-scripts.phpคอนโซลของฉันเมื่อฉันอัพเดตธีมเป็น WordPress 4.5 และจะลบออกได้อย่างไร

มันไม่ใช่ข้อผิดพลาด แต่มันมีอยู่เสมอในคอนโซลของฉันและฉันไม่เห็นว่าอะไรคือสิ่งที่เป็นจุดของมัน ฉันควรอัปเดตบางอย่างหรือทำการเปลี่ยนแปลงรหัสของฉันหรือไม่

บางทีฉันอาจมี OCD นิดหน่อย แต่โดยปกติเมื่อฉันตรวจสอบเว็บไซต์ฉันชอบที่จะเห็นข้อผิดพลาดและการแจ้งเตือนจริงที่ชี้ไปที่ปัญหาในคอนโซลของฉัน ...

WordPress ใช้สคริปต์การโยกย้าย jQuery เพื่อให้แน่ใจถึงความเข้ากันได้ย้อนหลังสำหรับปลั๊กอินหรือชุดรูปแบบที่คุณอาจใช้ซึ่งใช้ฟังก์ชันการทำงานที่ถูกลบออกจาก jQuery รุ่นใหม่กว่า

ด้วยการเปิดตัว WordPress 4.5 ดูเหมือนว่าพวกเขาได้อัพเกรด jQuery รุ่นโยกย้ายจากv1.2.1เป็นv1.4.0 - การสแกนอย่างรวดเร็วผ่านรหัสเผยให้เห็นว่าบันทึก v1.4.0 ที่สคริปต์ถูกโหลดโดยไม่คำนึงว่าจะเป็นหรือไม่migrateMuteตัวเลือกมีการตั้งค่าและทั้งในรุ่นที่ไม่บีบอัดและแบบย่อ

วิธีเดียวที่จะลบการแจ้งเตือนคือเพื่อให้แน่ใจว่าปลั๊กอินทั้งหมด / รหัสธีมของคุณไม่พึ่งพาฟังก์ชันการทำงาน jQuery แบบเก่าใด ๆ จากนั้นลบสคริปต์การโอนย้าย มีปลั๊กอินให้ทำ แต่มีวิธีการง่ายๆที่สามารถวางในไฟล์ฟังก์ชั่นของธีมหรือคล้ายกัน:

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

โปรดทราบว่านี่ไม่ใช่วิธีปฏิบัติที่ดีที่สุดสำหรับการพัฒนา WordPress และในความคิดของฉันสคริปต์การย้ายข้อมูลไม่ควรถูกลบออกเพียงเพื่อรักษาคอนโซลผู้พัฒนาให้สะอาดอยู่เสมอ

คุณสามารถเปลี่ยนข้อความบันทึกเป็นว่างเปล่าjquery-migrate.min.jsแต่สิ่งนี้จะไม่ถูกเก็บไว้ในการอัพเดทหลัก

อีกทางเลือกหนึ่งคือการเพิ่มฟังก์ชั่น passthrough / filter console.logก่อนที่สคริปต์การโอนย้ายจะถูกโหลดและบอกให้ละเว้นการบันทึกข้อความที่มี ' Migrate is installed' การทำเช่นนี้จะรักษาคำเตือนการย้ายข้อมูลไว้ด้วย:

// 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();}

ผลลัพธ์ที่ได้คือสคริปต์ HTML หนึ่งบรรทัดที่เพิ่มเข้ามาทั้งส่วนหน้าและส่วนหลังที่ได้เอฟเฟกต์ที่ต้องการ (ป้องกันข้อความที่ติดตั้ง)

ทดสอบเพียงเล็กน้อยที่นี่

ฉันแอบมองjquery-migrate.jsและสังเกตส่วนนี้:

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

ดังนั้นฉันจึงทดสอบสิ่งต่อไปนี้กับสิ่งที่เพิ่งwp_add_inline_script()เปิดตัวใหม่ในรุ่น 4.5:

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

สิ่งนี้จะเปลี่ยน:

JQMIGRATE: การโอนย้ายถูกติดตั้งด้วยการบันทึกที่แอ็คทีฟเวอร์ชัน 1.4.0

ไปที่:

JQMIGRATE: การติดตั้งการโอนย้ายเวอร์ชัน 1.4.0

ดังนั้นจึงไม่ได้ป้องกันการแสดงผลคอนโซลทั้งหมดเช่นในส่วนนี้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 );
}

วิธีการแก้:

เพิ่มสิ่งนี้ไปยัง 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 );

มันจะทำงานเมื่อjquery-migrateมีการเรียกใช้กับเบ็ดมาตรฐาน (ซึ่งเอาท์พุท<link rel=stylesheet....>) และไม่ได้load-scripts.phpอยู่ในกลุ่ม (เช่นในผู้ดูแลระบบแดชบอร์ด)

มีปัญหาเดียวกันและพบคุณเพียงแค่ต้องตั้งSCRIPT_DEBUGไปในของคุณfalse wp-config.phpหวังว่านี่จะช่วยใครซักคน

ดังที่ Andy WordPressกล่าวถึงก่อนหน้านี้ใช้สคริปต์การโยกย้าย jQuery เพื่อให้แน่ใจถึงความเข้ากันได้ย้อนหลังและนี่คือสาเหตุที่มีการโหลดโดยอัตโนมัติตามค่าเริ่มต้น

ต่อไปนี้เป็นวิธีที่ปลอดภัยในการลบโมดูล JQuery Migration และกำจัดการแจ้งเตือน JQMIGRATE ที่น่ารำคาญในขณะที่เพิ่มความเร็วในการโหลดหน้าเว็บของคุณในฝั่งไคลเอ็นต์ เพียงแค่คัดลอก / วางรหัสนี้ในไฟล์functions.phpของคุณและทำเสร็จแล้ว:

<?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 );

รายละเอียดเพิ่มเติม

เพื่อรับรายละเอียดเพิ่มเติมเกี่ยวกับเหตุผลที่ฉันใช้ฟังก์ชั่นคงที่อ่านบทความของฉันที่นี่:
►► https://en.guydumais.digital/disable-jquery-migrate-in-wordpress/ ►