Каков наилучший способ обеспечить работу HTML-кода или CSS-кода во всех браузерах? - PullRequest
2 голосов
/ 01 апреля 2010

Каков наилучший способ обеспечить работу кода CSS / макета во всех браузерах?

Мой CSS-код работает нормально в Firefox, но не работает в IE

мы должны тестировать со всеми браузерами? Существуют ли какие-либо инструменты для тестирования и показа результата, и если исправить мой код для всех браузеров?

Ответы [ 7 ]

9 голосов
/ 01 апреля 2010

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

Более длинный ответ заключается в том, что Firefox, Chrome и Opera имеют хорошее соответствие стандартам, поэтому, если он работает в одном, он, скорее всего, будет работать в других.

IE - это отдельное минное поле, и различия между IE6, 7 и 8 могут быть заметны. Обычно я сейчас стараюсь вообще избегать поддержки IE6, поэтому не беспокойтесь о его проверке, и IE8 имеет режим обратной совместимости IE7, так что вы можете протестировать как 7, так и 8 вместе. Если вам нужен IE6, Microsoft предоставляет образы виртуальных машин, на которых они установлены в XP, чтобы вы могли протестировать их, а не пытаться взломать несколько версий IE на вашем компьютере.

В качестве окончательной проверки что-то вроде browsershots.org может помочь вам увидеть, как это будет выглядеть в самых разных комбинациях ОС / браузеров.

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

4 голосов
/ 01 апреля 2010

SuperPreview является частью Microsoft Expression Web . Полная версия позволит вам проверить расположение макетов в Opera, Safari, Firefox и Internet Explorer 6-8. Доступна бесплатная пробная версия Expression Web.

Существует также бесплатная версия SuperPreview для Internet Explorer . Это позволит вам видеть макеты IE6, 7 и 8 рядом друг с другом, что намного проще, чем при установке виртуальных машин большой длины.

4 голосов
/ 01 апреля 2010

Система 960grid работает во всех браузерах, и с ней действительно легко работать. Мне это очень нравится. Я разработчик, а не дизайнер, поэтому мне было легко использовать и внедрять правильно.

2 голосов
/ 01 апреля 2010

Используйте строгий HTML-тип документа - это решит 99% ваших проблем. Вы можете использовать тип документа HTML5, даже если вы используете HTML4, так как он использует стандартный режим. Поместите это прямо в начале документа, перед <html>:

<!doctype html>
1 голос
/ 01 апреля 2010

У paolo есть хороший ответ на этот вопрос, хотя я нахожу, что между chrome, firefox и safari определенно есть небольшие различия

если вы хотите, чтобы ваш сайт выглядел так, как он выглядит в различных версиях IE, я бы рекомендовал использовать приложение IETester (только для Windows) http://www.my -debugbar.com / вики / IETester / HomePage

0 голосов
/ 01 апреля 2010

IETester работает очень хорошо для тестирования IE6 и IE7 на одном компьютере. Похоже, ручное тестирование необходимо. Даже Firefox и Chrome будут иногда работать по-разному.

0 голосов
/ 01 апреля 2010

Имейте в виду, что один и тот же браузер может выглядеть и работать по-разному и в другой ОС.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...