Анимация Javascript: IE против других браузеров

Question

Прежде чем я начну разбираться со спецификой проблем, с которыми я сталкиваюсь, мне просто нужно спросить: является ли ошибкой использование IE8 в качестве эталона для создания веб-сайта, особенно такого, который использует анимацию JavaScript?Я спрашиваю, потому что я написал довольно простую страницу анимации, в основном с нуля, даже с моим слабым пониманием языков HTML и JavaScript, используя IE8 для мониторинга прогресса.Я настроил код так, чтобы он отлично работал в IE8 (режим совместимости отключен), но когда я попробовал его в Safari и Chrome, в анимации происходит странный сбой.

Я нахожу многовопросы с противоположной проблемой: что это работает хорошо во всем, кроме IE.Так что мне интересно, должен ли я использовать другой браузер для моей справки?Или есть лучший способ сделать его совместимым со всеми браузерами?Это так расстраивает (как я уверен, что большинство из вас согласятся) иметь дело с различными интерпретациями разных браузеров.

Спасибо за любую помощь!

ps Я еще не кодировалдля Mozilla.

Answer 1

Использование ie8 в качестве эталона с точки зрения производительности - неплохая идея, поскольку у него слабая js и производительность рендеринга. Использование ie7 еще лучше.

Кросс-браузерная совместимость, не имеет значения, что вы используете - если вы не используете кроссбраузерную библиотеку, такую ​​как jQuery, в качестве основы для анимации, вам придется написать специальный код для различных js и движков рендеринга.

Даже если вы используете библиотеку, такую ​​как jQuery, вы все равно столкнетесь с проблемами рендеринга, так как различные движки html / render различны в разных браузерах. chrome / safari использует webkit, firefox использует gecko и т. д.

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

Answer 2

Если вы делаете анимацию, я рекомендую вам использовать преимущества CSS-переходов вместо того, чтобы управлять элементами с помощью javascript - у вас будет возможность использовать преимущества графического оборудования, а также более эффективное рисование пикселей в целом.

Если вам по-прежнему необходимо выполнять анимацию в браузерах, которые не поддерживают эти переходы CSS (некоторые в ie9, ни в ie6-8), то вы можете использовать такой инструмент, как modernizr, чтобы определить, что доступно, и управлять этими элементами.в случае, если эти функции не доступны.

Как правило, анимации являются дополнительными - поэтому я добился большого успеха в отключении анимации для пользователей IE - если вы делаете медленные анимации на основе JavaScript только для работы пользователей IE, вы наказываете пользователейкоторые используют лучшие браузеры.

Только мои $ 0,02, конечно