Какой браузер мы должны использовать, чтобы увидеть HTML CSS-рендеринг при создании сайта и почему? - PullRequest
4 голосов
/ 26 февраля 2010
  • Последняя версия Firefox
  • IE7
  • IE6
  • IE 8

Какой браузер мы должны использовать для постоянного просмотра HTML CSS и почему?

Edit:

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

У меня вопрос, какой браузер выбрать в процессе разработки макета и почему?

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

Ответы [ 11 ]

5 голосов
/ 26 февраля 2010

Э-э-э ... каждый из них?

Я лично разрабатываю с Firefox 3.6 для удобства и доступности Firebug, снифферов заголовков и других инструментов. Я пытаюсь протестировать все браузеры, о которых вы упомянули, прежде чем кто-нибудь увидит что-либо (например, клиент). Но я не думаю, что здесь есть действительно «лучший» выбор, потому что в конце вам нужно будет протестировать каждый браузер, который вам необходимо поддерживать.

2 голосов
/ 26 февраля 2010

Используйте самый современный css-совместимый браузер с хорошим инструментом отладки, например, Firefox 3.6 и плагин Firebug.

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

Не пытайтесь заставить сайт выглядеть ТОЧНО одинаково во всех браузерах, вы будете тратить свое время.

Пока эффект аналогичен в старых / других браузерах (например, вы могли бы использовать border-radius для браузеров Firefox / WebKit, и это будет заметно ухудшаться для браузеров, которые не поддерживают border-radius) и сайт можно использовать и выполняет свое предназначение, тогда все в порядке

НЕ ТРАТЬТЕ ТОН ВРЕМЕНИ НА IE6. Используйте условно закомментированную таблицу стилей и просто используйте ее ...

В заголовке документа

<!--[if IE 6]>
<link rel="stylesheet" type="text/css" href="IE6.css"/>
<![endif]-->
1 голос
/ 26 февраля 2010

Во время разработки НЕ тестирую, я использую это комбо:
светлячок
расширение firebug
расширение веб-разработчика
прямое расширение заголовков http
Попробуйте, вы не пожалеете об этом, вы можете внести изменения в свой CSS IN BROWSER, а затем изменить свой код (больше не требуется обновление для этого раздражающего смещения на один пиксель), проверьте, где находится интерфейс или код ошибки. логика и многое другое. (Page Speed ​​& YSlow для анализа скорости вашей страницы и т. д.)

1 голос
/ 26 февраля 2010

Все зависит от вашей целевой группы пользователей.

Если вы работаете на клиента, который использует IE6, вам придется проверить его. Грустно, я знаю.

Если вы разрабатываете сайт для широкой публики, протестируйте текущие версии основных браузеров. Firefox, IE, Opera, Safari и Chrome (?).

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

0 голосов
/ 26 февраля 2010

Я делаю это в ie6, самом примитивном браузере, который все еще используется. Я думаю, что любая вещь, которая будет работать на ie6 будет работать на любом браузере.

0 голосов
/ 26 февраля 2010

Я использую свой основной браузер (Chrome) для базового прогресса и часто проверяю все другие браузеры на наличие ошибок и проблем с макетом.

0 голосов
/ 26 февраля 2010

Я думаю, что если мы выберем firefox и IE 6.0 для дизайна веб-сайта, сайт будет выглядеть почти одинаково для всех браузеров, потому что в остальных браузерах IE 6 и 7 шаблон отображения HTML практически одинаков. Так что, если мы сделаем css с самого начала, рассматривая Firefox и IE 6.0, ошибок будет меньше, и таким образом мы сможем сделать все веб-сайты совместимыми с браузерами.

Пожалуйста, дайте мне отзыв

0 голосов
/ 26 февраля 2010

Вы разрабатываете в Firefox (у вас есть firebug для настройки), вы тестируете в safari / chrome & opera (все они в порядке со стандартами, поэтому у вас мало шансов на наличие ошибок в них) и вы отлаживаете в IE. Потому что невозможно полностью функционировать во ВСЕХ браузерах с одной попытки: D

0 голосов
/ 26 февраля 2010

Это интересный вопрос, я собираюсь предположить, что у вас есть процесс, который означает, что сначала вы разрабатываете свою страницу, а затем проводите кроссбраузерное тестирование, чтобы убедиться, что она работает везде - поэтому возникает вопрос, какой из них поможет вам найти лучшую отправную точку для работы «везде» (определение которой будет в некоторой степени зависеть от вашей целевой аудитории).

Раньше это было легко - по словам моих (тогда) сотрудников, у Firefox была хорошая поддержка стандартов и лучшие инструменты - поэтому сначала сделайте это правильно в Firefox, а затем адаптируйтесь, чтобы справиться со всем остальным, теперь это намного менее понятно, чем в IE8 очень приличный набор инструментов разработки (и ведет себя лучше, чем его предшественники), и Chrome теперь вступает в действие - снова с хорошим набором инструментов и расширений.

Наверное, у меня такое ощущение, что в этом порядке Firefox, Chrome, IE8, но я не делаю достаточно близко к CSS, чтобы утверждать, что это правильно.

0 голосов
/ 26 февраля 2010

Я искренне согласен с Пеккой.

Я разрабатываю все в Firefox и использую отличные дополнения, доступные во время разработки (Firebug / Панель инструментов веб-разработчика / и т. Д.).

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

Вы действительно не хотите исключать какого-либо пользователя на основании его / ее предпочтений браузера, поэтому убедитесь, что это работает по всем направлениям!

1010 * редактировать *

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

...