Если ваш немного странный код CSS работает во всех браузерах в Windows, будет ли он работать в Mac и Linux?

Question

Я тестирую какой-то странно выглядящий код CSS, который я написал (в основном я использую смесь процентов и значений пикселей для ширины DIV). Хотя я не уверен, что это правильно, он отлично работает на всех размерах экрана в IE 5.5, IE 6.0 ( благодаря этим парням !), IE 7.0, Firefox 3.0 и Safari 3.12 ... все включено Windows XP. Нужно ли мне больше беспокоиться о тестировании кода на Mac и Linux, или он, скорее всего, будет работать на этих двоих без сбоев?

---

Edit:

После нескольких месяцев работы с этой проблемой я обнаружил, что Safari и Firefox поразительно совместимы между Mac и ПК.

Answer 1

будет ли работать на Mac и Linux?

Не обязательно.

Рендеринг шрифтов - самая большая проблема с кроссплатформенностью такого рода. Некоторые шрифты, доступные в Windows, по умолчанию не включены в другие, и OSX имеет очень сложную модель рендеринга шрифтов (хотя Safari в Windows должен показывать это - по крайней мере, раньше).

Общие блочные модели, отступы, поля и т. Д. Должны быть стандартными.

Answer 2

http://browsershots.org/

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

Подумайте о своей целевой аудитории и о том, какой браузер / ОС они обычно используют. Кроме того, после запуска сайта запустите отслеживание статистики (например, Google Analytics ) и определите, что используется вашей аудиторией.

Answer 3

OS X имеет множество браузеров на основе WebKit, то есть Safari / Shiira / iCab / OmniWeb, а также Firefox / SeaMonkey / Camino и Opera. У меня нет статистики, но я предполагаю, что она охватывает по меньшей мере 98% всех пользователей.

Результаты Конкурса популярности Debian :

w3m            85.93%
iceweasel      60.35%
lynx           25.71%
konqueror      21.95%
links           9.23%
iceape-browser  6.69%
elinks          6.51%
links2          4.09%
dillo           2.70%
galeon          2.35%
epiphany        0.79%
w3m-el          0.75%
kazehakase      0.58%
midori          0.30%
arora           0.29%

(Это не отслеживает пользователей с не [DFSG] бесплатным * программным обеспечением, таким как Mozilla Firefox и Opera.) Пользователи Linux - очень разнообразная толпа; даже если вы тестируете Mozilla Firefox, Opera и Konqueror из KDE 4 для Windows, вы даже близко не сможете охватить большую часть пользовательской базы.

При этом, если вы сосредоточитесь на браузерах с поддержкой современного CSS, вы обнаружите, что есть только несколько базовых движков: Trident (IE), Gecko (Mozilla), WebKit (Apple), KHTML (KDE). ) и Престо (Опера). Принимая их индивидуально:

• Trident: используется только IE в Windows, вы уже тестируете его.
• Gecko: используется браузером Mozilla Suite (Mozilla Navigator, SeaMonkey Navigator, IceApe Navigator, Mozilla Firefox, IceCat, IceApe, Epiphany-Gecko, Galeon, Kazehakase-Gecko). Рендеринг шрифтов, изображений и плагинов сильно различается в зависимости от платформы.
• WebKit: используется Safari / Shiira / iCab / Omniweb, Google Chrome, Epiphany-WebKit, Kazehakase-WebKit, Arora. Рендеринг должен быть полностью согласованным во всех браузерах OS X, так как они используют предоставляемую системой библиотеку WebKit, но Safari и Google Chrome в Windows имеют очень разные движки рисования, а в Linux есть версии Gtk + и Qt с различным поведением.
• KHTML: WebKit был разветвлен, но его разработка продолжалась независимо, и поэтому существует значительное количество расхождений. Используется в основном Konqueror. Konqueror KDE 4 был портирован на Windows и OS X, ведя себя очень похоже; однако KHTML в KDE 4 значительно продвинулся по сравнению с KDE 3, все еще широко распространенным.
• Presto, используется в Opera 7 и выше. Согласованно для разных платформ.

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

Answer 4

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

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

у вас уже есть более 95% рынка браузеров, покрытого протестированными вами браузерами.

Answer 5

Я согласен, рендеринг шрифтов будет зависеть от FF3 win / mac и вызвал некоторые проблемы с позиционированием для меня

Answer 6

Скорее всего, это будет работать, хотя я видел случаи, когда что-то работает в FF3 для Windows, но не работает для FF3 в OS X.

Answer 7

по моему опыту FF3 на Mac и Win не отображает точно то же самое, но все еще достаточно близко, чтобы не потрудиться проверить оба.