Решение ошибки 'msie' of undefined в jQuery Tools

Быстрый ответ

Ошибка TypeError: Нельзя прочитать свойство 'msie' неопределённого объекта говорит о том, что вы столкнулись с проблемой совместимости. Это связано с удалением свойства msie в jQuery 1.9 — оно использовалось для определения Internet Explorer в объекте jQuery.browser. Что можно сделать? Можно вернуться к версии jQuery 1.8 или же использовать плагин jQuery Migrate, который позволит вам перейти на новую версию без потери функционала для старых версий браузера. Если же ваша задача — сохранение современности кода, откажитесь от msie и примените определение возможностей браузера с помощью Modernizr или используйте условные комментарии для IE.

Пример быстрого решения с помощью jQuery Migrate:

// Сначала подключаем jQuery, а затем добавляем jQuery Migrate
<script src="https://code.jquery.com/jquery-3.x-git.min.js"></script>
<script src="https://code.jquery.com/jquery-migrate-3.x-git.min.js"></script>

// Проверяем наличие 'msie'
if (jQuery.browser.msie) {
    console.log("А вот и Internet Explorer, как в старые добрые времена!");
}

Мы рекомендуем использовать определение возможностей — это современный и надёжный подход.

Исправления для вашего jQuery

Создание своего объекта jQuery.browser

Если ваш код еще опирается на устаревший jQuery.browser, создайте этот объект вручную. Это временное решение:

if (typeof jQuery.browser == 'undefined') {
  jQuery.browser = {msie: false, version: "0"};
  console.log("Работаем в режиме совместимости.");
}

Подробнее об этом расскажет наш спикер на видео

Использование определения возможностей

Современный подход предлагает использовать Modernizr для создания устойчивого кода:

if (Modernizr.websockets) {
    // Ваш код готов к будущему!
}

Регулярное обновление jQuery

Поддерживайте актуальность ваше библиотеки jQuery – это гарантия здоровья вашего кода. Не забывайте тестировать его после каждого обновления.

Решение оставшихся проблем

Если после обновлений ошибки всё ещё появляются, обратитесь к профессиональному сообществу или перепишите код в соответствии с современными стандартами.

Визуализация

Визуализируйте jQuery как набор инструментов, где отсутствует msie:

Набор инструментов jQuery: [🔨, 🔧, 🔩, ❓(msie)]

Версии jQuery начиная с 1.9, лишились msie, это можно сравнить с попыткой использовать дискету в современном ноутбуке:

Современный лэптоп (jQuery): [📱, 💿, ☁️]
Попытка вставить: 💾 (msie)

Вывод: обновите код или используйте более старую версию jQuery.

Стратегии сохранения целостности кода

Правильное использование jQuery Migrate

jQuery Migrate должно подключаться после основной библиотеки jQuery. Неправильное использование может вызвать проблемы:

<script src="https://code.jquery.com/jquery-3.x-git.min.js"></script>
<script src="https://code.jquery.com/jquery-migrate-3.x-git.min.js"></script>

Укрепление защиты кода

Добавляйте проверку на устаревшие свойства, чтобы предотвратить сбои в будущем:

if (jQuery.browser && jQuery.browser.msie) {
  console.log("Обнаружен IE, переходим в ретро-режим!");
}

Отслеживание обновлений

Следите за изменениями в новых версиях jQuery, чтобы быть готовым к любым изменениям заблаговременно.

Проверка всех ссылок на скрипты

Убедитесь, что ссылки на скрипты корректны, это поможет избежать ошибок типа TypeError.

Полезные материалы

1. Выпущен jQuery 1.6.3 | Официальный блог jQuery — здесь объяснено, почему отказались от определения браузера в jQuery.
2. Руководство по обновлению до jQuery Core 1.9 | jQuery — необходимое руководство для обновления вашего кода до jQuery 1.9 и выше.
3. JavaScript | MDN — ресурс для изучения JavaScript прямо из источника.
4. Can I use... Таблицы поддержки HTML5, CSS3 и т. д. — ресурс с информацией о поддержке различных технологий в браузерах.
5. GitHub – jquerytools/jquerytools: Отсутствующая библиотека интерфейса для веба — попытка сообщества решить проблемы с определением браузера.
6. javascript – Как определить пользователей iPad с помощью jQuery? – Stack Overflow — обсуждение методов определения браузера.
7. GitHub – darcyclarke/Detect.js: Библиотека для обнаружения браузера, ОС и устройства — Detect.js предлагает подход к определению устройства по UA строке.