Тестирование веб-сайтов

Question

Я уже несколько дней гуглял на этот раз.При создании некоммерческих веб-сайтов, какая стратегия лучше всего подходит для кросс-браузерного тестирования?Я использую Windows 7 и Textpad для разработки своего HTML / CSS / JavaScript / PHP - то есть: без Dreamweaver, Kompozer и т. Д.

В настоящее время я тестирую с использованием Firefox 3.6 и IE8.В последний раз, когда я проверял, это представляло 80% рынка браузеров.У меня не установлено ни Safari, ни Google Chrome, но хотелось бы примерно узнать, сколько браузерного рынка будет «вести себя» с моим сайтом (http://www.simoncatlin.co.uk), особенно потому, что я использую много таймеров, экранизмерение и т. д.

Я не после совершенства, но хотел бы знать, как близко к 100% я получаю.

Заранее спасибо

Саймон Кэтлин

Answer 1

Тестирование - очень обширная область. В Интернете, благодаря многим реализациям, он еще более обширный.

Но позвольте мне дать 2 цента. Читайте о прогрессивном улучшении. Имейте это в виду.

Но учтите также, что ни один браузер не на 100% соответствует стандартам. Firefox, Opera, Chrome, Safari, IE ... ни один не на 100% совместим со стандартами. Для сценариев это ухудшает совместимость.

Я настоятельно рекомендую выполнить следующие шаги при создании сайта:

• начните с нуля, с простым HTML, CSS и контентом. Сделайте ваши макеты. Все стандартно и разработано на хорошем браузере (я использую Firefox + firebug). Сделать это доступным!

• как только вы закончите эту сырую версию, попробуйте ее в основных браузерах. IE 7, IE 8, Chrome / Safari, Opera. Позвольте вашей аудитории направлять ваш тестовый уклон. Если вы напишите о Firefox, предсказуемо, что его будут использовать более 70% вашей аудитории. Если вы делаете простой пользовательский сайт электронной коммерции, то вам стоит больше беспокоиться о IE7 и IE6. Используйте условные комментарии для исправлений IE, специфичные для поставщика расширения для других браузеров.

• обратите внимание, что этот шаг выше, если для отладки HTML + CSS, ничего о JS пока нет. И, пожалуйста, ваш сайт НЕ должен отображаться одинаково в каждом браузере, на каждом экране. Это просто невозможно. Прекрасно смотрится на 22-дюймовом экране, не поместится в iPhone, и будет смешным на 42-дюймовом ЖК-телевизоре. Жидкие / эластичные макеты НЕ являются решением. Читайте о медиа-запросах, если вам интересно, но я даже рекомендую подавать разные страницы и листы для разных носителей. СДЕЛАЙТЕ ЭТО ФУНКЦИОНАЛЬНО.

• Тогда придут сценарии. Jquery - это отличный фреймворк, но я им не пользуюсь. Это не все, что кросс-браузер они говорят. Он использует обнаружение браузера. Я рекомендую использовать функцию обнаружения. Google для этого "обнаружение функции JavaScript". Кроме того, если бы вы выполнили вышеуказанные шаги правильно, реализовать javascript было бы намного проще и легче.

• перепроверять все в соответствии с предполагаемой аудиторией.

Answer 2

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

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

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

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

Некоторые интересные для вас ссылки:

Пример: 25%посетители, которых мы отслеживаем на Squidoo, используют Firefox, что неудивительно.Но 50% людей, которые на самом деле создают страницы на сайте, являются пользователями Firefox.В два раза больше.http://sethgodin.typepad.com/seths_blog/2008/04/why-downloading.html

http://www.w3schools.com/browsers/browsers_stats.asp

Answer 3

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

Answer 4

Я считаю IE7 полезным ЖК-дисплеем для веб-сайтов средней сложности.У меня нет ресурсов для тщательного тестирования браузера.Это произошло, как я начал замечать, легко сделать вещи, которые не работают на IE7

Answer 5

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

Использование кросс-браузерных библиотек, таких как JQuery. Определенно поможет.

Answer 6

Для некоммерческих сайтов, по крайней мере, над теми, над которыми я работал, обычно существует эдикт вроде «это должно работать на FF» или «IE не поддерживается».Возможно, вы захотите уточнить у своего работодателя.