왜 끊임없는 통지가 있습니까?

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있지만 코어 업데이트시에는 유지되지 않습니다.

대안은 console.log마이그레이션 스크립트가로드되기 직전 에에 passthrough / filter 함수 사본을 추가 하고 ' 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되고 대량으로 (admin-dashboard와 같이 ) 호출 되지 않을 때 작동합니다 .

동일한 문제가 있고, 당신은 단지 설정해야합니다 발견 SCRIPT_DEBUG에 false당신에 wp-config.php. 이것이 누군가를 돕기를 바랍니다.

Andy WordPress가 이전에 언급했듯이 jQuery 마이그레이션 스크립트를 사용하여 이전 버전과의 호환성을 보장하므로 기본적으로 자동으로로드됩니다.

다음은 JQuery Migrate 모듈을 안전하게 제거하여 클라이언트 쪽에서 페이지 로딩 속도를 높이는 성가신 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/