Нужно ли тестировать веб-страницы как в Safari, так и в Chrome?

Поскольку и Safari, и Chrome используют Webkit, не будет ли излишним проверять совместимость в обоих браузерах, если веб-страница выглядит нормально в одном из них?


google-chrome safari cross-browser webpage
person wrongusername    schedule 29.01.2011    source источник

Ответы (4)


arrow_upward
9
arrow_downward

Нет это не так.

Насколько я знаю, Safari и Chrome (в OS X) отображают шрифты по-разному. Safari будет отображать шрифты без указанного размера значительно меньшего размера, чем в Chrome.

Chrome: введите здесь описание изображения

Safari: введите здесь описание изображения

person slhck    schedule 29.01.2011
comment
Предположительно, это связано с тем, что Chrome использует стандартные размеры шрифтов Windows, а Safari использует стандартные размеры шрифтов Mac. Это проблема 72 dpi (на Mac, чтобы соответствовать печатной странице) по сравнению с 96 dpi (в Windows), и так было годами. Интересное чтение на эту тему. - person Cody Gray; 29.01.2011
comment
Может быть, так! Я знаю, что в обоих браузерах есть возможность настроить этот размер, но вы не можете предположить, что пользователи когда-либо изменят эти настройки. Конечно, можно обсудить, следует ли предпочесть относительные размеры шрифтов шрифтам фиксированного размера :) - person slhck; 29.01.2011

arrow_upward
6
arrow_downward

Вам следует протестировать оба браузера, если на вашем сайте имеется значительный объем JavaScript, поскольку между ними есть различия. Например, следующее вызывает ошибку JavaScript в Safari, но не в Chrome.

var x = new Date('02-22-2011');
person meagar    schedule 29.01.2011

arrow_upward
2
arrow_downward

Вы обязательно должны протестировать оба браузера. Даже если они используют WebKit для рендеринга, есть много отличий:

  1. Шрифты — они отображают их по-разному, я настоятельно рекомендую FontSquirrel генерировать совместимые шрифты.
  2. Производительность. Каждый из них использует разные способы отображения DOM на экране с точки зрения реализации технологии. Chrome использует Skia (в Linux, Windows), а Mac использует что-то другое. Например, попробуйте скрыть DOM из 200+ дочерних элементов в Chrome, Safari и Firefox, вы заметите, что Chrome занимает 20+ секунд, Safari — 5+ секунд, Firefox — менее 1 секунды. Время рендеринга различается, поэтому вы должны обязательно протестировать его, чтобы увидеть, что испытывает каждый пользователь.
  3. Функции. Пара функций HTML5 отличается, у них разный набор функций.
  4. JavaScript. Некоторые различия, как упомянули пользователи выше, и еще один пример может заключаться в другом воспроизведении ключевых событий.

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

Надеюсь, это помогло!

person Mohamed Mansour    schedule 30.01.2011

arrow_upward
1
arrow_downward

Вы должны тестировать в обоих браузерах и даже в разных операционных системах. Chrome и Safari отображаются по-разному, особенно если вы используете собственные шрифты (через @font-face). Я обнаружил, что даже Chrome рендерится по-разному при использовании в Linux и Windows, а Safari по-разному рендерится в Windows и iPad.

person renrengabas    schedule 28.07.2011