Провёл тест внешнего вида моего сайта в разных браузерах. Помог мне в этом browsershots.org. Для теста были выбраны 57 браузеров (по умолчанию). Результаты теста:
- Правильно отображается: 49.
- Без оформления (читаемо): 3.
- Неправильно: 5.
Ниже вы можете узнать более подробную информацию.
Стоит отметить, что на скриншотах из первой группы бывают небольшие отклонения от задуманного в виде незагруженного плагина флеша или немного отличающихся шрифтов, что не особо снижает эстетическую ценность. Внешний вид сайт специально не подгонялся под различные браузеры. Единственное, что делал - подгонял оформление под требования http://validator.w3.org/ с сайта организации, занимающейся веб-стандартами.
Во второй пункт попал браузер Dillo, в 2 случаях скриншот нормальной и в одном не читаемый из-за отсутствия русского шрифта, при проверке на своём компьютере всё отобразилось корректно. Собственно эти 3 скриншота можно добавить в корзину правильных браузеров, т.к. внешний вид сайта обусловлен спецификой браузера. Вообщем-то похоже поведут себя консольные браузеры: lynx, links и др. Эти браузеры не поддерживают всех стандартов, но обеспечивают доступ к контенту сайтов. Dillo же создавался как замены lynx с возможность отображения графической информации, но при этом такой же быстродействующий.
Подробнее остановимся на "неправильных" браузерах. Вообщем-то это практически всё семейство браузера Internet Explorer и его производная. Но есть и одно исключение - Internet Explorer 8. Хотя, надо сказать, что на сайт добавлен мета-тег, призванный отключить режим "совместимости" в msie8, иначе сайт будет выглядеть так же, как и в msie7. Если тега не ставить, то браузер по умолчанию включет (по крайней мере раньше включал) этот режим. Итак, наши "чемпионы":
- msie7 и avant (скорее всего использует движок msie7) - здесь всё читаемо, но появилось лишнее пространство между кнопками меню. Так же есть неприятный глюк с подвалом страницы - он наезжает и закрывает часть главного меню сайта если содержимое старицы недостаточно длинное. Реклама гугля некрасиво наползает на подвал, но от этого потери контента нет (в том числе и рекламы).
- msie6 - к болезням msie7 добавляется отсутствие прозрачности в png картинках в главном меню. Для содержимого сайта не страшно, но некрасиво с эстетической точки зрения.
- msie5 - при загрузке страницы просто упал... думаю к болезням его старших собратьев добавится ещё что-нибудь :)
- msie4 - тоже упал, при этом оставив на экране след 4 ссылок из шапки сайта
Для браузеров msie6, msie7, avant в коде сайта предусмотрено предупреждение, которое как и положено отображается. Это частично решает проблему, т.к. пользователь теперь знает почему сайт неправильно работает и заставит его задуматься о необходимости установки альтернативного браузера. В предупреждении также предусмотрены ссылки на 4 наиболее популярных браузера, которые подходят для сайта.
С некоторыми скриншотами возникла проблема на сервере. Там где можно, проверил у себя локально, где нельзя, придётся верить мне на слово (или проверить самому):
- Firefox-3.6.3 и Ubuntu 9.10 - вместо окна с содержимым сайта на скриншоте оказалось окно Add-ons. Должно было отобразиться нормально, т.к. под этой системой и отлаживался сайт.
- Firefox-2.0.19 и Ubuntu 8.04 - сайт не догрузился. Считаем, что отобразился правильно, т.к. в 1.0.8 проблем не было!
- Epiphany-2.30.2 - вместо скриншота белый квадрат. Не поленился и поставил этот браузер к себе на компьютер. Проверил - сайт отображается корректно!
- Konqueror-4.4 - на скриншоте сайт ещё не загружен, должно быть нормально, т.к. тестировал сайт ещё в KDE-3.5.10.
- Firefox-1.5 и windows 2000 - в целом вид нормальный, но частично закрыт сообщениями от антивирусного сканера.
Добавлю от себя ещё 1 успешно пройденный тест на телефоне Nokia E51 с родным браузером Symbian. Всё отображается корректно, разве что сайт не рассчитан на такой маленький экран. Но в целом сайт читаемый. Для владельцев мобильных браузеров могу порекомендовать зеркало сайта по адресу http://pda.tavda.info/ с упрощенным оформлением. Так же этой версией могут воспользоваться владельцы "неправильных" браузеров и получить доступ к контенту сайта в более или менее приемлимом виде.
В целом, считаю тест пройденным. И, надеюсь, те, кто использует до сих пор Internet Explorer всё-таки задумаются и поставят себе правильный браузер!