Я не говорю о инструментах, позволяющих просматривать страницу в комбинациях операционных систем и браузеров, таких как crossbrowsertesting.com, но при создании или вычислении фактического CSS.Каков ваш лучший инструмент или техника для получения одинакового отображения на IE6/7 и Firefox?
ответ
Если вы, ребята, по-прежнему кодирования для IE6, вы делаете ошибку.
Я использую IE7.js, чтобы получить IE6 для отображения страниц, таких как IE7. IE7 не совершенен, но по крайней мере он имеет некоторое сходство стандартов. Поскольку мне нужно только кодировать IE7 и FF, это делает меня на 33% более эффективным с точки зрения тестирования против браузеров, что я считаю хорошим бизнес-понятием.
Ссылка: IE7.js
Я пишу по стандартам, и Firefox и IE7 следуют довольно хорошему множеству.
IE6 мертв, насколько я обеспокоен, но, если я вернусь в профессиональный веб-разработчика, я, возможно, придется пересмотреть, что;)
Я пытаюсь сделать страницу совместимый со стандартами и делать все мои испытания в Firefox (поскольку у него есть отличные расширения разработки, такие как Web Developer и Firebug). Затем, когда я закончу, я тестирую сайт в IE, а затем делаю любые небольшие изменения. Я считаю, что мне нужно внести очень мало изменений, так как я не делаю ничего необычайно сложного с CSS.
У меня было больше проблем с различиями в Javascript, но после того, как я начал использовать библиотеки Javascript (например, jQuery), у меня возникли серьезные проблемы с этим.
Прокладка.
IE6 может немного похудеть при использовании поля для размещения элементов по горизонтали на странице. Если вы изменяете свои элементы и пространство в содержимом с помощью прокладки, вы можете сделать много макетов отлично работать в IE6/7, FF, Safari и Opera без каких-либо хаков. IE5.5 делает вещи немного более липкими из-за сломанной модели коробки, но я думаю, что мы можем в значительной степени подсчитать ее в большинстве случаев.
Я стараюсь сделать страницу, совместимую со стандартами, и выполнить все мои тесты в Firefox (так как у нее есть отличные расширения разработки, такие как веб-разработчик и Firebug). Затем, когда я закончу, я тестирую сайт в IE, а затем делаю любые небольшие изменения. Я считаю, что мне нужно внести очень мало изменений, так как я не делаю ничего необычайно сложного с CSS.
То же самое здесь, за исключением того, что я не хочу использовать Firebug и т. Д. Я только имел проблемы с IE6 Однако в последнее время, - которые решаются с помощью простого CSS минует:
/* All browsers read: */
html body {
margin: 10px;
}
/* FF, IE7, Op etc. read: */
html > body {
margin: 0;
}
Используйте сброс CSS, чтобы уравнять в разных браузерах. У YUI и Eric Meyer есть хорошие.
Я с Эли. Написание против firefox (с установленным firebug) заставляет вас писать «более совместимый» код для начала, а затем его меньшую работу позже, когда вы приходите, чтобы сделать его совместимым с IE.
Используйте сайт QuirksMode, чтобы помочь вам найти ответы на compatbility информация
Если это новый проект, который я делаю это точка, чтобы проверить все HTML + CSS изменения на всех браузерах я таргетингом как я внести изменения.Раньше я имел тенденцию сосредотачиваться на моем любимом браузере, а затем тестировался с остальными после того, как я был сделан, чтобы обнаружить, что присутствуют какие-то небольшие причуды, и было очень утомительно указывать фактическую причину. Теперь я открываю все браузеры и просто обновляю каждый после каждого изменения html/css, чтобы убедиться, что дисплей соответствует моим ожиданиям. Когда что-то идет не так, я точно знаю, что вызвало это.
Это может показаться трудоемким для тестирования во всех браузерах одновременно, но в долгосрочной перспективе это фактически экономит время, поскольку вы сразу поймаете проблемы.