Я возвращаюсь в дикий мир кросс-браузерной совместимости и столкнулся с несколькими неприятными проблемами с совместимостью Javascript между браузерами.
Например, я часто использую наследование стилей в своих листах CSS, поэтому, если мне нужно отредактировать стиль элемента, я должен использовать window.getComputedStyle(**element**, [pseudoElement]).getPropertyValue(**style**)
Использование этой одной строки кода требует, чтобы я знал, что Firefox v <4 требует объект pseudoElement, тогда как другие браузеры считают его необязательным параметром. Кроме того, Firefox и Opera требуют, чтобы <strong>style соответствовал имени свойства CSS, например font-size
, где IE нужно имя в синтаксисе Javscript fontSize
из-за интерпретации hypen в синтаксисе CSS как минус знак.
В этом одном примере потребовалось несколько часов, чтобы выяснить, почему в более ранних версиях IE был реализован мой сценарий изменения размера текста с размером сценария по умолчанию, а не с вычисленным размером элемента. Сайт Mozilla - отличный справочник, но он ограничен их браузерами. Есть ли хороший исчерпывающий список кросс-браузерных функций?