javascript
Подсказки по отладке Javasript-кода в Firebug
В лучшем когда-либо созданном отладчике JavaScript-кода Firebug есть несколько полезных функций, которые я постоянно использую и думаю, что они пригодятся многим, имеющим дело с отладкой кода в браузере:
- Программная вставка точки останова (breakpoint). Чтобы вызвать отладчик Firebug в любом месте вашего JavaScript-кода, нужно вставить в код строку "
debugger;" (скобки не нужны). - Вызов отладчика при возникновении ошибок. В Firebug, на вкладке "Script" в правой части ее панели инструментов находится кнопка "Options", а в ней — опция "Break on All errors". Установите ее и каждый раз при возникновении ошибки в вашем коде будет автоматическим запускаться отладчик с фокусом на строке, вызвавшей ошибку. А если побродить по сети, не отключая эту опцию, можно неслабо прозреть.
- Условные точки останова. Кликнув правой мышей по колонке с номерами строк, вы получите диалог для ввода условного выражения. Код будет остановлен в этом месте, если результат выражения будет равен true. В тему: отличная статья "Правдивость в JavaScript".
- Переход на строку с номером N. Для этого достаточно ввести в строку поиска сочетание символов #N, где N — номер нужной строки.
Просьба к тем, кто это все уже знает: не бросайте в меня ботинком.
А какие полезности Firebug любите вы?
Приложения Adobe AIR на JavaScript — не нужно делать это во Flex Builder
Многие люди пытаются приспособить Flex Bulder для создания Javascript-AIR-приложений, и некоторым это даже удается, но это не самый легкий путь (поправьте, если я неправ).
В то же время, существует два вполне рабочих решения.
Adobe AIR в Dreamweaver
Cкачав и установив расширение для создания приложений Adobe AIR в Dreamweaver, в меню Dreamweaver вы найдете пункт Site > Air Application Settings. Там можно задать все настройки приложения, включая сертификат издателя. Это неплохо работает. Один неудобный момент — добавление ресурсов в сборку приложения. Работает без ошибок, но там нет возможности рекурсивно добавить ваш каталог, например, scripts, со всеми его подкаталогами. То есть нужно добавлять каталог за каталогом. Это не создает сложностей при разработке и тестировании приложения, но вот если вам нужно импортировать сложный существующий проект, то может не понравиться. Процесс настройки приложения документирован, а разработка заключается в написании JavaScript-кода и верстке HTML. Также существуют специальные адаптеры в файле AIRAliases.js, позволяющие из JavaScript получить доступ к родным функциям самого AIR, например, для работы с файлами.
Adobe AIR в Aptana IDE
Скачав и установив расширение Adobe AIR для Aptana IDE, вы сможете создавать AIR-приложения в весьма продвинутой среде для написания и отладки JavaScript-кода.
Сейчас Аптана, пожалуй, единственная среда, в которой вы создаете AIR-проект естественным образом через меню Project > New > Adobe AIR Project. Даже во Flex Builder нет такого пункта меню, там надо на втором шаге диалога создания Flex-проекта выбрать, что это будет десктопный проект, и я уже знаю одного человека, который не дошел до этого второго шага и подумал, что Flex Builder не предназначен для создания AIR-приложений. Ведь в меню Flex Builder нет пункта типа "Create AIR Project" (на втором шаге которого предлагалось бы выбрать тип проекта — Flex / Acrionscript / JavaScript).
Aptana же предлагает продвинутый диалог создания проекта Adobe AIR на Javascript / HTML и набор фреймфорков, подключить которые можно на одном из шагов визарда:
А на следующем шаге — импортировать JavaScript-библиотеки:
Финальный штрих — проект сразу после создания. Это не набор пустых файлов, а работающая заготовка приложения с тремя примерами. Единственное, что не работает по умолчанию — запуск приложения, вам нужно сначала указать путь к свежему AIR SDK.
Нет, финальный штрих — это отладка этих же JavaScript-приложений на AIR прямо во встроенном отладчике Aptana IDE, в котором пользователи Eсlipse / Flex Builder найдут много уже знакомых функций.
Импорт и сборка существующего AIR-JavaScript-проекта в Aptana идет гладко, опробовал на продукте "75 примеров на JavaScript для Adobe AIR в одном проекте" от Кевина Хойта.
В целом — очень достойный уровень даже для платного решения, а это — доступно бесплатно. Даже захотелось Аптану купить, хоть это и необязательно.
75 примеров AIR-приложений на JavaScript
Кевин Хойт из Adobe выложил на google code приложение с семидесятью пятью примерами использования Javascript в Adobe AIR, под лицензией MIT для ПО с открытым исходным кодом.
Шорткаты Flex Builder'а для быстрого перемещения в блоках кода
Обнаружил, что во Flex Builder работают шорткаты, позволяющие переключаться между открывающими и закрывающими скобками в коде:
Работают так, как и показано в картинке:
Ctrl+Shift+P — переключает между открывающей и закрывающей фигурными скобками при редактировании MXML- или AS3- кода.
Ctrl+B — переключает между открывающей и закрывающей фигурными или круглыми скобками при редактировании JavaScript-кода (при установленном JSEclipse, идет вместе с Flex Builder).
Ctrl+G — выделяет текст между открывающей и закрывающей скобками при редактировании JavaScript-кода (нужен JSEclipse).
Возможно, это для вас уже и не новость, но вот в Aptana IDE такого шортката нет (а там он еще нужнее при редактировании больших блоков JSON-кода).
Ссылка про теме: 10 Eclipse Navigation Shortcuts Every Java Programmer Should Know.