JQuery и браузер Совместимость

Question

Хлоп! Я был разработчиком много лет и всегда пытался подчеркнуть код, совместимый с как можно большим количеством систем.

Недавно я купил книгу jQuery в действии и начал ее читать. Меня очень беспокоит тот факт, что включенный исходный код не работает должным образом ни в одном из браузеров на моем текущем компьютере.

В частности, я скачал исходный код книги и выбрал «Лабораторию выбора jQuery» для главы 2. Но это не выглядит так, как в книге.

В Google Chrome панели Образец кода DOM и Образец кода DOM полностью пусты. В IE7 все выглядит намного ближе к тому, как они появляются в книге. Но исходный код на панели образца кода DOM находится на одной строке (которая продолжается справа от страницы). Обратите внимание, что на снимках экрана в книге показан браузер, работающий на Mac.

Мне любопытно, что за кросс-браузерная совместимость обнаруживают пользователи, более опытные с jQuery, и что означает это открытие для разработчиков, которые хотят быть максимально совместимыми и планируют использовать jQuery.

Answer 1

jQuery активно поддерживается во всех этих браузерах:

• Firefox 2.0 +
• Internet Explorer 6 +
• Safari 3 +
• Opera10.6 +
• Chrome 8+

Известны проблемы с устаревшими браузерами, как показано в списке ниже:

• Mozilla Firefox 1.0.x
• Internet Explorer 1.0-5.x
• Safari 1.0-2.0.1
• Opera 1.0-9.x
• Konqueror

Обычно jQuery работает с Konqueror и Firefox 1.0.x, но могут быть некоторые неожиданные ошибки, поскольку мы не проверяем их так регулярно.

Если вы используете какой-либо устаревший браузер, то это может быть вашей проблемой, в противном случае вы должны опубликовать свой код здесь в stackoverflow, чтобы получить помощь.Это может быть не браузер, вызывающий проблему, но это может быть способ написания или выполнения кода.

Answer 2

Я думаю, что частью вашей проблемы является то, что вы получаете доступ к чему-то из файловой системы, предназначенной для загрузки с веб-сервера.Например, я вижу эту ошибку в Chome на примере вашей главы 2:

XMLHttpRequest cannot load file://...chapter2/dom.sample.html.
Origin null is not allowed by Access-Control-Allow-Origin.

Кажется, что в Chrome все работает довольно хорошо, кроме такого рода вещей.

Я обычно нацеливаюсь на IE[789], Chrome, Firefox, Safari и Opera, и я не видел много проблем с браузерами, которые были бы характерны для jQuery или jQuery-UI.В основном это проблемы CSS и некоторые проблемы JavaScript (в IE для обоих), которые не являются проблемами jQuery.

Answer 3

Версия 3 jQuery поддерживается для следующих браузеров рабочего стола:

• Chrome: (ток - 1) и ток
• Edge: (ток - 1) и ток
• Firefox: (ток - 1) и ток
• Internet Explorer: 9 +
• Safari: (ток - 1) и ток
• Опера: Текущий

Также поддерживается для следующих мобильных браузеров:

• Сток браузер на Android 4.0 +
• Safari на iOS 7 +

Источник: https://jquery.com/browser-support/

Answer 4

Меня не слишком беспокоит кросс-браузерная совместимость jQuery, так же как и качество кода в случае с этой книгой.Я лично не смотрел на эту книгу, поэтому я не могу сделать личное суждение;тем не менее, я являюсь ведущим разработчиком веб-приложения, в котором на данный момент насчитывается около 15 000 пользователей, и мы уже несколько лет уверенно используем jQuery без проблем.Мы должны поддерживать клиентов на нескольких платформах, используя все основные браузеры, представленные на рынке.Когда код jQuery написан правильно и протестирован для всех сред, он может абсолютно корректно работать независимо от того, какой браузер вы используете.

Answer 5

Я не знаю почему, но если я скопирую весь каталог примеров в tomcat / webapps, он будет работать нормально.Но если я открою страницу (lab.selectors.html) прямо из браузера, она не отображает пример раздела dom.Сообщение об ошибке из консоли Firefox выглядело так:

[16: 56: 36.335] мусор после элемента документа @ file: /// C: /JavaScript/jqia2/chapter2/dom.sample.html: 2

Answer 6

Образцы кода, похоже, используют устаревший jQuery v1.4. Загрузите последнюю версию и проверьте известные проблемы для получения дополнительной информации о кросс-браузерной совместимости.