Опубликован: 06.10.2006 | Доступ: свободный | Студентов: 4502 / 504 | Оценка: 3.94 / 3.86 | Длительность: 24:58:00
Лекция 4:

Браузеры

Страница не работает в некоторых браузерах

Страницы обычно создаются для наиболее используемых браузеров, скажем, для Internet Explorer или Netscape – причем для наиболее новых версий. Разрабатывая дизайн сайта, вы, как правило, просматриваете страницу именно таким браузером. Позже, когда вы тестируете его другим браузером или версией, вы можете обнаружить, что ваши тэги, стили, сценарии и внедренные объекты не работают. Все дело в несовместимости браузеров. Проблемы возрастают потому, что другой браузер не поддерживает некоторые используемые вами функции или потому, что он нуждается в другом синтаксисе или тэге для их реализации. Если браузер не поддерживает тэг или атрибут HTML, он обычно не сообщает об этом. Вместо этого он проигнорнирует часть, которую не понимает, и просто отобразит страниц настолько хорошо, насколько сможет. В некоторых случаях эффект будет не очень заметен – например, если вы предусмотрели фоновый звук, который проигрывается только в некоторых браузерах. В других случаях проблемы могут помешать посетителям увидеть вашу страницу.

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

  1. Определите серьезность проблемы. Если ваша страница не работает с новыми версиями Netscape или Internet Explorer (версии 4 или более поздней), вам обязательно нужно найти решение. С другой стороны, если это менее популярный браузер, вы вполне можете смириться с этой проблемой. К примеру, если ваша графика не совместима с браузером WebTV – который не слишком популярен, особенно для делового использования – вы можете проигнорировать проблему.
  2. Если ваш редактор HTML обеспечивает легкий предварительный просмотр, настройте браузер на просмотр страницы, с которой у вас возникают проблемы. Изменяя код для решения проблемы, почаще проверяйте страницу в этом браузере. В FrontPage, например, нажмите Preview In Browser в меню File, а затем нажмите Add, если браузер, который вам нужен, не приведен в списке.

    Почаще просматривайте свою страницу более чем в одном браузере

    Почаще просматривайте свою страницу более чем в одном браузере

    В HomeSite нажмите Configure External Browsers в меню Options и добавьте нужный вам браузер. Каждый раз, когда вы просматриваете страницу, у вас будет возможность посмотреть, как она выглядит в этом браузере.

  3. Если HTML содержит ошибки, они могут повлиять на браузер. Внимательно проверьте ваш HTML на правильность, например, все ли открывающие тэги снабжены соответствующими закрывающими тэгами? Найдите ошибки в коде HTML, используя инструменты проверки кода на корректность.

    Результаты функции validation HomeSite помогут вам следовать стандартам. Щелкните дважды на сообщении, чтобы перейти к нужной строке HTML

    увеличить изображение
    Результаты функции validation HomeSite помогут вам следовать стандартам. Щелкните дважды на сообщении, чтобы перейти к нужной строке HTML

    Если вы используете HomeSite для редактирования вашей страницы, функция validation встроена в программу. Нажмите Validate Document в меню Tools; результаты появятся внизу экрана. Вы также можете воспользоваться функцией validation прямо в сети, к примеру на validator.w3.org.

    (Другие решения смотрите в Приложении C). Об исправлении ошибок см. раздел "Инструмент проверки на корректность HTML сообщает об ошибке в коде".

  4. Некоторый HTML может быть слишком продвинутым для браузера или может подходить только к определенному браузеру. Например, тэг <MARQUEE> работает только в Internet Explorer, а тэг <BLINK> – только в Netscape. Многие программы проверки отмечают тэги или атрибуты, работающие только с одним браузером. Существует много источников со списками совместимости браузеров. Отыщите тэг, с которым возникают проблемы при отображении вашей страницы в данном браузере. Можете ли вы добиться того же эффекта, используя другой, более широко поддерживаемый метод? Например, вместо тэга <BLINK> вы можете использовать JavaScript или создать анимированный GIF.

    Если вы хотите отображать разные страницы или отдельные элементы страниц для посетителей с нераспространёнными браузерами, вы можете сделать это при помощи сценария. См. раздел "Сценарий работает в одном браузере, но не работает в других".
  5. Если страница использует каскадированные таблицы стилей (CSS), могут возникнуть проблемы. По возможности используйте обычные тэги HTML и атрибуты. К примеру, используйте атрибуты тэга <BODY>, такие как bgcolor и link, чтобы установить параметры фона и связать цвета, пусть даже эти атрибуты зачастую лучше управляются через CSS. Подробнее см. раздел "Стили не работают в определенном браузере".
  6. Если ваша страница использует внедрённые объекты, плагины или апплеты Java, учтите, что они могут не работать со старыми браузерами или с системами, где не были установлены все необходимые компоненты. Компоненты ActiveX, например, запускаются только в Internet Explorer для Windows. Даже если компоненты и работают где-то ещё, посетителям нужно скачивать плагины, чтобы поддерживать их.

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

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

Для каких браузеров вы разрабатываете страницы?

Насколько популярен каждый браузер? Так получилось, что очень многие сайты публикуют статистику использования браузеров. (Чтобы найти ее, поищите в сети browser statistics.) В зависимости от источника цифры могут немного меняться – около 75 процентов используют Internet Explorer 4 или более поздних версий, около 20 процентов используют Netscape 4 или более поздних версий, и оставшиеся 5 процентов используют старые версии или другие браузеры, такие как WebTV, Opera или Lynx.

Потрясающие новости о совместимости! Internet Explorer 5.5 и Netscape 6 поддерживают одинаковые веб-стандарты. В большинстве случаев одни и те же страницы будут выглядеть и работать одинаково в этих двух браузерах.

Дизайн страниц для всех браузеров

Существуют четыре основные стратегии для преодоления различий между браузерами.

  • Делайте проще. Суть этой стратегии выражается словами "дизайн для наименьшего общего знаменателя", предполагает использование исключительно HTML, поддерживаемого уже долгие годы, без стилей, сценариев и плагинов. Заодно протестируйте ваши страницы в старом браузере, чтобы убедиться, что посетители, использующие такие браузеры, могут просмотреть ваш сайт.
  • Режьте по живому. Стратегия, противоположная предыдущей. Подразумевает использование всеми последних браузеров, таких как Netscape 6 и Internet Explorer 5.5 и более поздними. Вы можете использовать все последние достижения: стили для форматирования и размещения объектов, динамические эффекты HTML, Flash анимацию и т.д.. Если вы пойдёте этим путём, вы должны будете указать на вашей главной странице, какой браузер необходим для доступа к вашему сайту.
  • Создавайте отдельную страницу для каждого браузера. Многие крупные сайты используют эту трудоёмкую стратегию, чтобы наилучшим образом представить своё содержание посетителям. Вам понадобится создать три или более версий вашей страницы, по одной для каждого браузера или группы браузеров. Например, сделайте низкотехнологичный сайт для старых браузеров, технически продвинутый для новых браузеров и третий для Netscape 4. Затем используйте сценарии – скажем, JavaScript на вашей странице или сценарии сервера, чтобы отобразить нужную страницу.
  • Сбалансированный подход. Создайте набор страниц, работающий с большинством браузеров, которые вы хотите поддерживать. Кроме того, убедитесь, что ваши страницы не имеет существенных изъянов в других браузерах.