Какой у вас лучший инструмент или метод для получения одинакового отображения в IE6/7 и Firefox?[закрыто]

StackOverflow https://stackoverflow.com/questions/26113

Вопрос

Я говорю не об инструментах, которые позволяют просматривать страницу в комбинации операционных систем и браузеров, таких как crossbrowsertesting.com, а о создании или выяснении настоящего CSS.

Это было полезно?

Решение

Если вы, ребята, все еще пишете код для IE6, вы совершаете ошибку.

я использую IE7.js чтобы IE6 отображал такие страницы, как IE7.IE7 не идеален, но, по крайней мере, у него есть некоторое подобие стандартов.Поскольку мне нужно писать код только для IE7 и FF, это делает мою работу на 33% более эффективной с точки зрения тестирования браузеров, что, по моему мнению, имеет хороший бизнес-целесообразный смысл.

Связь: IE7.js

Другие советы

Используйте сброс CSS, чтобы выровнять поле в разных браузерах.У YUI и Эрика Мейера есть хорошие.

Я пишу в соответствии со стандартами, и Firefox и IE7 следуют довольно общему набору.

Насколько я понимаю, IE6 мертв, но если я вернусь к профессиональной веб-разработке, мне, вероятно, придется его пересмотреть;)

Я пытаюсь создать страницу, соответствующую стандартам, и провожу все тестирование в Firefox (поскольку у него есть несколько отличных расширений для разработки, таких как Web Developer и Firebug).Затем, когда я закончу, я тестирую сайт в IE, а затем вношу все необходимые небольшие изменения.Я считаю, что мне нужно внести очень мало изменений, поскольку я не делаю ничего особенно сложного с CSS.

Раньше у меня было больше проблем с различиями Javascript, но после того, как я начал использовать библиотеки Javascript (такие как jQuery), у меня перестали возникать серьезные проблемы с этим.

Прокладка.

IE6 может немного запутаться при использовании поля для горизонтального размещения элементов на странице.Если вы определите размер своих элементов и разместите содержимое внутри них с помощью отступов, вы сможете заставить многие макеты отлично работать в IE6/7, FF, Safari и Opera без каких-либо хаков.IE5.5 делает ситуацию немного сложнее из-за неработающей блочной модели, но я думаю, что сейчас мы можем это учитывать в большинстве случаев.

Я пытаюсь создать страницу, соответствующую стандартам, и провожу все тестирование в Firefox (поскольку у него есть несколько отличных расширений для разработки, таких как Web Developer и Firebug).Затем, когда я закончу, я тестирую сайт в IE, а затем вношу все необходимые небольшие изменения.Я считаю, что мне нужно внести очень мало изменений, поскольку я не делаю ничего особенно сложного с CSS.

То же самое и здесь, за исключением того, что мне не нужно использовать Firebug и тому подобное.Однако недавно у меня были проблемы с IE6, которые решаются простыми обходами CSS:

/* All browsers read: */
html body {
    margin: 10px;
}

/* FF, IE7, Op etc. read: */
html > body {
    margin: 0;
}

Я с Эли.Написание для Firefox (с установленным Firebug) заставляет вас начинать с написания «более совместимого» кода, а затем, когда вы придете к тому, чтобы сделать его совместимым с IE, это будет менее трудоемко.

Используйте сайт Режим причуд чтобы помочь вам найти ответы на информацию о совместимости

Если это совершенно новый проект, я стараюсь проверять все изменения html+css во всех браузерах, на которые я ориентируюсь, по мере внесения изменений.Раньше я, как правило, сосредотачивался на своем любимом браузере, а затем тестировал его с другими после того, как закончил, и обнаружил, что присутствует одна или несколько небольших особенностей, и было очень утомительно определять истинную причину.Теперь у меня открыты все браузеры, и я просто обновляю каждый из них после каждого изменения html/css, чтобы убедиться, что отображение соответствует моим ожиданиям.Когда что-то идет не так, я точно знаю, что стало причиной.

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

Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top