Отладка OpenLayers

[Mavka]

Немного про отладку я уже писал в "Наиболее распространенных ошибках". Надо бы полнее раскрыть процесс: добавить картинки, пошаговые инструкции и то как выглядят типичные ошибки и что при этом происходит в отладчике.

Отладка в Firefox
Меню "Инструменты|Дополнения", открыть "Поиск дополнений", найти и установить:
Firebug - базовое расширения для проведения отладки
FireRainbow - подсветка синтаксиса javascript в Firebug на вкладке "Сценарий"
WMS Inspector - полезное дополнение для работы с серверами WMS

Отладка в Opera
Отладчик открывается через меню "Иструменты|Дополнительно|Opera Dragonfly". В отличие от Firefox нужно самостоятельно выбирать из списка в верхней части окна страницу, отладку которой вы собираетесь проводить.

[Mavka]

Как выглядит: вместо карты видим пустой белый квадрат
Причина: не загрузился OpenLayers.js. (sad but true, новички задают такие вопросы)

Firebug: на вкладке "Консоль" появляется сообщение "OpenLayers is not defined".
Dragonfly: на вкладке "Консоль ошибок" - "Uncaught exception: ReferenceError: Undefined variable: OpenLayers"; а чуть выше будет сообщение "Указанный в ссылке скрипт не загружен".

В отладчике переходим на вкладку "Сеть" и видим:

GET OpenLayers.js - 404 Not Found

следовательно, или файла вообще нет или он не там лежит или его не там ищут. Проверьте в html-файле ссылку на скрипт. Например:

Код: Выделить всё

<script src="OpenLayers.js"></script>

говорит, что OpenLayers.js должен лежать в одной папке с html-файлом.

Другая причина, проявляющаяся при работе в интернет, заключается в том, что жирный-жирный OpenLayers.js (а в версии 2.10 он растолстел аж до 923 Кб) просто не успевает загрузить и срезается по тайм-ауту. Тогда в консоли появятся разнообразные ошибки в самом скрипте OpenLayers.js. Это решается или сборкой облегченной версии библиотеки (хорошие мальчики) или включением сжатия скриптов в Apache (что в любом случае полезно).