Биржа контента CM

Отладка кроссбраузерности сайта

Когда браузер начинает «глючить», а именно отдавать для одних посетителей сайта один дизайн, а для других другой – искривленный, то ничего не остаётся, как применить так называемый хак – это специально разработанная для браузеров CSS конструкция. Вот и мне в недавном прошлом пришлось столкнуться с подобной ситуацией у себя на блоге, о чем и пойдет речь в данной статье.

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

На самом деле, здесь речь пойдёт не о настоящих CSS hack’ах, а об, так называемых, условных комментариях. Использование их вполне допустимо только для Internet Explorer. Они довольно эффективно решают проблемы с отображением дизайна в этом браузере.

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

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

Во-вторых, что вытекает непосредственно из предыдущего недостатка, большинство хаков валидацию не проходят.

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

Построчное выполнение программы осуществляется с помощью Step Over, Trace Into и Run. Единственное, на что стоит обратить внимание: каждый шаг сопровождается вызовом функций и процедур.

Рассмотрим конкретный пример.

Чтобы исправить ошибку только условными комментариями без хаков в Internet Explorer, можно использовать следующий код:

  1.  »!–(if IE 7)» «link href=»path-to/ie7.css» rel=»stylesheet» type=»text/css»/» «!(endif)–»
  2.   «!–(if IE 6)» «link href=»path-to/ie6.css» rel=»stylesheet» type=»text/css»/» «!(endif)–»

Где кавычки нужно заменить на < >, а скобочки на [ ]. Это всего лишь один из примеров. К сожалению для других браузеров таких CSS хаков гораздо меньше и найти их труднее.

Ну а если вы заядлый фотолюбитель и любите фотографировать различных интересных людей, места и т.п. то наверняка вы сталкивались с поломкой вашего любимца. В этом случае рекомендую воспользоваться услугами «Победа Сервис» Они делают ремонт фотоаппаратов в Cанкт-Петербурге, в короткие сроки и по приемлимым ценам.

Популярность статьи: 1%

Почитайте связанные посты:


Опубликовано в рубрике: Обо всем
Биржа контента Etxt

Комментариев (2) на “Отладка кроссбраузерности сайта”

  1. Filimon:

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

  2. Lee:

    Filimon, недостаток их в том, что они применимы только к браузеру Internet Explorer, но неприменимы ко многим остальным

Написать ответ

Вверх