WordPress — Ставить скрипты в очередь, только если LT IE 9

Поскольку wordpress — это PHP-скрипт, он может обращаться к серверной переменной через $_SERVER.

Затем вы можете выполнить поиск для обнаружения браузера с помощью PHP, PHP: если Интернет проводник 6, 7, 8 или 9

Для WordPress 4.2+

Используйте wp_script_add_data, чтобы заключить скрипт в условный комментарий:

wp_enqueue_script( 'html5shiv', '//cdn.jsdelivr.net/html5shiv/3.7.2/html5shiv.js' );
wp_script_add_data( 'html5shiv', 'conditional', 'lt IE 9' );

wp_enqueue_script( 'respond', get_template_directory_uri() . '/js/respond.min.js' );
wp_script_add_data( 'respond', 'conditional', 'lt IE 9' );

Просто убедитесь, что вы зарегистрировали скрипт перед вызовом wp_script_add_data (регистрация обрабатывается wp_enqueue_script выше), и что первый аргумент, который вы передаете wp_script_add_data, совпадает с первым аргументом, который вы передали при регистрации скрипта.

Для WordPress 4.1

Сегодня вы можете использовать script_loader_tag filter, чтобы ставить в очередь скрипты, заключенные в условные комментарии. Вот пример реализации:

wp_enqueue_script( 'html5shiv', '//cdn.jsdelivr.net/html5shiv/3.7.2/html5shiv.js', array(), '3.7.2', false );
add_filter( 'script_loader_tag', function( $tag, $handle ) {
    if ( $handle === 'html5shiv' ) {
        $tag = "<!--[if lt IE 9]>$tag<![endif]-->";
    }
    return $tag;
}, 10, 2 );

И если вы хотите включить более одного скрипта таким же образом, вы можете использовать что-то вроде:

// Conditional polyfills
$conditional_scripts = array(
    'html5shiv'           => '//cdn.jsdelivr.net/html5shiv/3.7.2/html5shiv.js',
    'html5shiv-printshiv' => '//cdn.jsdelivr.net/html5shiv/3.7.2/html5shiv-printshiv.js',
    'respond'             => '//cdn.jsdelivr.net/respond/1.4.2/respond.min.js'
);
foreach ( $conditional_scripts as $handle => $src ) {
    wp_enqueue_script( $handle, $src, array(), '', false );
}
add_filter( 'script_loader_tag', function( $tag, $handle ) use ( $conditional_scripts ) {
    if ( array_key_exists( $handle, $conditional_scripts ) ) {
        $tag = "<!--[if lt IE 9]>$tag<![endif]-->";
    }
    return $tag;
}, 10, 2 );

• Вы должны использовать wp_register_script() всякий раз, когда добавляете скрипты в свои темы или плагины WP.
• Обнюхивание на стороне сервера, как правило, плохая идея, потому что это ненадежно.
• Обычно вы хотите настроить таргетинг на браузеры, в которых отсутствуют определенные функции, не обязательно только на браузер IE. Modernzr — хороший скрипт для этого.

Для IE условные теги работают очень хорошо. Вот как вы можете добавить условные теги в скрипт, например для HTML5shiv:

global $wp_scripts;
wp_register_script( 
    'html5shiv', 
    get_bloginfo('template_url').'/assets/js/html5shiv.js', 
    array(), 
    '3.6.2'
    );
$wp_scripts->add_data( 'html5shiv', 'conditional', 'lt IE 9' );

Решение для WordPress 4.2 и выше

Правильным способом было бы применить wp_enqueue_script, поскольку здесь используется JavaScript, а не стили css. Кроме того, лучше использовать get_bloginfo('stylesheet_url'), чтобы убедиться, что это также работает в дочерних темах.

/**
 * IE Fallbacks
 */

function load_IE_fallback() {
    wp_register_script( 'ie_html5shiv', get_bloginfo('stylesheet_url'). '/js/html5shiv.min.js', __FILE__, false, '3.7.2' );
    wp_enqueue_script( 'ie_html5shiv');
    wp_script_add_data( 'ie_html5shiv', 'conditional', 'lt IE 9' );

    wp_register_script( 'ie_respond', get_bloginfo('stylesheet_url'). '/js/respond.min.js', __FILE__, false, '1.4.2' );
    wp_enqueue_script( 'ie_respond');
    wp_script_add_data( 'ie_respond', 'conditional', 'lt IE 9' );
}
add_action( 'wp_enqueue_scripts', 'load_IE_fallback' ); 

Обновление для WordPress 4.7.3 с загрузкой скриптов из CDN:

    add_action( 'wp_enqueue_scripts', 'load_IE_fallback' );
function load_IE_fallback() {
    wp_register_script( 'ie_html5shiv', 'https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js', '', '3.7.3', false );
    wp_register_script( 'ie_respond', 'https://oss.maxcdn.com/respond/1.4.2/respond.min.js', '', '1.4.2', false );

    wp_enqueue_script( 'ie_html5shiv');
    wp_enqueue_script( 'ie_respond');

    wp_script_add_data( 'ie_html5shiv', 'conditional', 'lt IE 9' );    
    wp_script_add_data( 'ie_respond', 'conditional', 'lt IE 9' );
}

Лучший способ сделать это — поставить скрипты в очередь, а затем использовать wp_style_add_data() для добавления условия. Этот метод используется официальными темами, такими как двадцать тринадцать

Есть ответ, похожий на этот, но он добавляет дополнительный, если условие неверно.

wp_register_style( 'ie_html5shiv', get_template_directory_uri() . '/js/html5shiv.js' );
    wp_enqueue_style( 'ie_html5shiv');
    wp_style_add_data( 'ie_html5shiv', 'conditional', 'lt IE 9' );

    wp_register_style( 'ie_respond', get_template_directory_uri() . '/js/respond.min.js' );
    wp_enqueue_style( 'ie_respond');
    wp_style_add_data( 'ie_respond', 'conditional', 'lt IE 9' );

Попробуйте использовать функцию wp_style_add_data() (официально используется в двадцать тринадцать и twentyfourteen:

wp_enqueue_style( 'iepolyfill', bloginfo( 'stylesheet_directory' ) . '/js/iepolyfill.min.js' );
wp_style_add_data( 'iepolyfill', 'conditional', 'if lt IE 9' );

Обновление: начиная с версии WordPress >= 4.2.0 есть функция, которая используется таким же образом. Это называется:

wp_script_add_data()