Определение необходимых функций браузера JavaScript/CSS

На моем веб-сайте используются различные технологии, такие как JQuery, новые определения CSS (например, moz-selection, -webkit-user-select) и т. д.

Сайт отлично работает с Google Chrome и Safari, но имеет некоторые особенности в Firefox, IE и некоторых других браузерах.

Я хочу написать скрипт для проверки необходимых функций браузера, но с несколькими тысячами строк кода и определениями CSS я не уверен, какие функции мне следует искать.

Есть ли какой-то онлайн-анализ (аналогичный тому, как работает JSLint), который подскажет мне, какие функции нужны моему сценарию и файлам CSS? Существуют ли инструменты (например, FireBug), которые предоставляют эту информацию?


javascript cross-browser browser-detection
person Alan M.    schedule 06.06.2010    source источник
comment
Возможно, будут полезны общие тесты функций и ссылки в них (чтобы проверить, какой браузер поддерживает какие функции). Автоматический поиск файлов - это еще одна вещь, о которой я могу думать (я не знаю такого парсера).   -  person Marcel Korpel    schedule 07.06.2010
comment
Следует отметить, что moz-selection и webkit-user-selection не являются стандартными, поэтому, если вы их используете, вы не получаете согласованного поведения в разных браузерах.   -  person Warty    schedule 07.06.2010
comment
Марсель: Спасибо за ответ. Конечно, было бы здорово, если бы для этого был парсер.   -  person Alan M.    schedule 07.06.2010
comment
Иц: Спасибо и вам. До сих пор различия в стилях были незначительными. У меня странные проблемы. Например, я разрешаю пользователям загружать фотографии, которые отображаются внутри как кадры img внутри div. Затем они могут перейти к другому div, который я анимирую с помощью слайда JQuery. Он отлично работает для большинства браузеров, включая те, о которых я не упоминал выше, но в Firefox, когда пользователь возвращается/анимирует обратно в div, кадры img пусты. Если он/она уходит и возвращается во второй раз, изображения полностью скрываются. В других браузерах внешний вид изображения сохраняется, как и должно быть.   -  person Alan M.    schedule 07.06.2010
comment
Алан, используйте знак at перед именем пользователя, чтобы уведомить его, см. meta.stackexchange.com/questions/43019/   -  person Marcel Korpel    schedule 07.06.2010
comment
Просто прочитай свое сообщение Итцу. Я думаю, вам следует задать другой вопрос по этой проблеме, желательно с примером страницы. Просто несколько предложений: когда кадры img пусты, вы видите их в DOM (например, в Firebug)? И если да, то какие стили CSS?   -  person Marcel Korpel    schedule 08.06.2010
comment
@Marcel: Спасибо за заметку об обращении к людям. Проблема с изображением немного сложна, и я понимаю, что описал ее неправильно. Я разрешаю пользователям загружать фотографии, которые затем отображаются как фоновые изображения в ячейках таблицы. В FF скрытие и повторное отображение родительского DIV (с помощью эффекта слайда) приводит к зашифровыванию определения TD (на основе того, что я вижу в Firebug). В Chrome и Safari определение TD сохраняется, как и должно быть. Вы правы, однако, это заслуживает новой публикации. Во-первых, мне нужно перепроверить свой код, чтобы убедиться, что я не испортил что-то, что Chrome прощает, а FF — нет.   -  person Alan M.    schedule 11.06.2010

Ответы (1)


arrow_upward
1
arrow_downward

Я не думаю, что мы когда-нибудь найдем этот великолепный сценарий.
В качестве альтернативы Modernizr и IE7 JS, вероятно, на данный момент удовлетворит большинство ваших потребностей.

person Knu    schedule 10.06.2010
comment
Спасибо тебе за это. Я никогда не слышал о Modernizr. - person Alan M.; 11.06.2010