С каких версий браузеров начинать тестировать кроссбраузерность?

Question

[Web__Nikita03]

Надо тестировать кроссбраузерность. С каких версий браузеров начинать тестировать?

Comments

[Web__Nikita03]

SmthTo, Спасибо, напиши в ответ, я отмечу решением

[Александр]

SmthTo, а почему скажем chrome 50+, а не 65+ (к примеру)? Такие старые версии ещё используются?

[Александр]

LordGuard, некоторые все еще на ХР сидят, под 49-ой версией хрома...

[Rustam Bainazarov]

Александр, бло, как раз исправил себя. Да, с 49-й.

[Rustam Bainazarov]

Web__Nikita03, да не за что, тебе спасибо, написал ответ.

[Rustam Bainazarov]

LordGuard, используют даже 30-ю версию некоторые.

На тот же древний IE приходится ~10 процентов в среднем. Иногда доходит аж до 15 процентов.

[Александр]

SmthTo, ну смотря где. Если смотреть статистику по рунету, то там от силы 1.5% на IE приходится.

[Rustam Bainazarov]

LordGuard, лучше верить статистике личных проектов за последние 6 месяцев. Плюс, учитывать конверсию. Да и к тому же в среднестатистическом проекте (тот же интернет-магазин с дизайном по типу svyaznoy.ru) сделать поддержку IE11 весьма просто.

[Александр]

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

[Rustam Bainazarov]

LordGuard, там весьма хорошая поддержка flexbox, надо знать особенности просто. Я все проекты делаю на flex'е. Никаких float'ов нигде и никогда.

[Rustam Bainazarov]

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

[Александр]

SmthTo, хм, если так, то это хорошо. Мне просто повезло с рабочим проектом в данном вопросе и поддержка IE не приоритетная задача.

[Rustam Bainazarov]

LordGuard, там основная проблема — не CSS, а JS. Вот тут уже начинаются проблемы у IE11 серьёзные.

А по стилям, вот видео с телефона, но суть понятна будет. Это всё в IE11 работает как надо:
https://cloud.mail.ru/public/ADdt/RMtdkddZx

Всё на flexbox и вкрапления grid.

Answer 1

[Rustam Bainazarov]

Дать однозначный ответ на данный вопрос невозможно. Всё зависит от проекта и его аудитории. К примеру, тот же VK поддерживает до сих пор IE8. Да, там работает только базовый функционал, но между тем. Или та же страница Google: она до сих пор работает на устройствах 20-летней давности с Netscape.

Обычный для меня список на конец 2018-го года: IE11, EDGE 12+, Chrome 49+, Firefox 50+, Android Chrome 50+, iOS Safari 10+, Desktop Safari 10+. В зависимости от проекта, он может как сужаться, так и расширяться.

Comments

[Сергей delphinpro]

Chrome 49+,

Актуальная версия где-то около 60-70
У вас установлены 10+ версий Хрома для тестов, и в каждой вы тестируете?
Или всё же тесты только в последней версии, но в коде учитываются некоторые особенности предыдущих?

[Rustam Bainazarov]

Сергей delphinpro, нет, только указанные выше. У меня есть ноутбук, он специально для этого предназначен + проверка на хреновый экран. Ещё есть виртуальная машина с Chrome 60.

Делаю всё в последних версиях Chrome и Firefox, потом планомерно проверяю во всех этих браузерах. Просто сразу делаю с учётом знакомых мне проблем.

[Шамуэй]

А opera?

[Rustam Bainazarov]

Хомон, Opera — это Chrome уже несколько лет как.

Answer 2

[MasterMike]

Вот какие в ТЗ написаны, с таких и начинайте )

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

Answer 3

[stratosmi]

Это должен сказать заказчик проекта.

Если это просто обновление сайта - то у вас есть данные со старого сайта. Посмотрите кто к вам приходит, на каких они браузерах.

У меня на разных проектах весьма и весьма по разному.

Проекты, где и IE8 требуется принципиально, несмотря на число пользователей с этим браузером около 0,7%. Но заказчику принципиально.
Есть проекты, где только свежие браузеры и это достаточно. Несмотря на то, что процент на старых браузерах около 7%, мы их все равно игнорируем.

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