logo-jquery

Как проверить правильно ли подключена библиотека jQuery

  • 21, Апрель, 2015

Способ №1 — Опытный путь

Тут всё просто. К примеру,  вы подключаете плагин Слайдшоу, пусть будет bxSlider. Этот слайдер выводит слайдер контента на странице сайта.

Добавили библиотеку к странице:

Подключили необходимые CSS стили и JavaScript плагин:

Выполнили разметку, точно как по инструкции:

И прописали скрипт запуска:

И если все запустилось, и слайдер отобразился без ошибок — логично предположить что jQuery библиотека подключена правильно.

bxslider_exemple


Способ №2 — Простой скрипт вывода версии jQuery

Этот способ чем-то похож по смыслу со способом, описанным выше.

Предлагаю вашему вниманию такой код:

Этот код нужно вставить в любой части странице, после подключения самой библиотеки. Например в теге BODY.

Задача скрипта показать версию вашей библиотеки jQuery.

Метод проверки:

  • Вставить вышеприведенный код в теге BODY
  • Сохранить код страницы сайта
  • Обновить страницу.

Если будет выведено такое окошко, значит библиотека jQuery подключена.

проверка_jquery

Ну а если этого не произошло, значит что-то не так, и вам нужно перепроверить правильность пути к файлу библиотеки. Не забывая при этом сохранять изменения, и обновлять страницу в браузере.


Способ №3 — Консоль разработчика в браузере

Это один из простейших способов узнать правильно ли всё подключено, и какая версия библиотеки используется. Для этого нужно воспользоваться так называемой Консолью разработчика встроенного в браузеры.

Эта функция есть в таких браузерах как: Google Chrome, Opera, Internet Explorer, Mozilla Firefox. Упоминая эти браузеры я имею ввиду последние их версии, на момент написания этой статьи.

Как зайти в консоль разработчика:

Google Chrome (версия 42)

Нажимаем клавишу F12 — Откроется Панель разработчика — Вкладка Console.

Internet Explorer (версия 11)

Клавиша F12 — Панель разработчика — Вкладка Консоль

Opera (версия 28)

Комбинация: Ctrl+Shift+I — Запуститься Панель разработчика — Вкладка Console

Mozilla Firefox (версия 37)

Клавиша F12 — Панель разработчика — Консоль

Код проверки jQuery

В консоли разработчика есть поле ввода, отмеченное знаком  > . В это поле нужно ввести данный код полностью:

Тут, так же как и в способе №2 будет выводиться окошко с сообщением используемой версии. Если jQuery библиотека не подключена, то будет выведено окошко с сообщением «jQuery не используется!»

Так же вы можете ввести код из способа №2:

Разница лишь в том, что при отсутствии использования библиотеки сообщения об этом не будет.

 Заключение

Как видите выбор довольно не плохой. На мой взгляд самый универсальный именно способ №3. С помощью консоли можно проверить не только свой сайт, но и посмотреть какая версия используется на других сайтах. К тому же, в будущем вам очень пригодиться навык использования этой консоли в будущем. Не зря же ее называют Консолью разработчика 🙂 .