Хочу поділитися однією цікавою знахідкою, відкопаною серед плагінів Firefox-а. Називається цей плагін Illuminations for Developers for Firebug і представляє з себе доповнення до Firebug для роботи з великоваговими JS лібами, переважно з ExtJS і Sencha Touch. Крім цього, творцями заявлено, що в beta-версії плагін підтримує Dojo Toolkit, SproutCore, qooxdoo, YUI, Google Closure Library, jQuery UI.
Оскільки по роботі мені в основному доводиться використовувати ExtJS, то в першу чергу було цікаво, як даний плагін допоможе в розробці саме на основі цієї бібліотеки.
Які жи фічі ми маємо, встановлюючи дане доповнення:
1. Відображення класів об'єктів при дебагінгу коду і в консолі Firebug, тобто наприклад при виклику Ext.getCmp ('gridUsers') з консолі у нас в виведеться «Ext.grid.GridPanel» замість «Object» як раніше.
2. Підсвічування компонентів на сторінці, і новий пункт у контекстному меню «Inspect»... для швидкої навігації за компонентами Ext-а
3. Ну і найголовніше, додавання спеціальної вкладки в Firebug - Illuminations Panel. У ній відображаються віджети, сховища даних (Stores) та інші елементи, які використовуються на сторінці. Кожен компонент має деревоподібну структуру, яка розкривається при кліку. Детально описані всі властивості та методи, а також збережені дані (у разі, наприклад, Store).
Ще є, як мені здалося, дуже і дуже корисна фіча - документація за відповідними компонентами (що підвантажується ззовні з сайту Ext-а). Так, наприклад, якщо ми редагуємо грід, то можемо прямо з Firebug-а подивитися приклади використання, властивості, події, методи тощо.
Докладніше про використання «Illuminations» з ExtJS можна прочитати тут. На даний момент, наскільки я розумію, цей плагін годиться як для роботи з 3ією версією Ext-а, так і з 4ою.
Щодо інших бібліотек - спробував подивитися, як буде використовуватися плагін з jQueryUI і YUI, але якщо чесно не помітив таких же серйозних переваг, як для використання з ExtJS. У випадку jQueryUI, компоненти (accordion, tabs тощо) хоч і відображаються в панелі, але не скажу що це дає якихось серйозних переваг при зневадці. У разі ж YUI у мене чомусь підхоплювалися не всі віджети (для YUI 2 в панелі взагалі практично нічого не чіплялося), але зате за тими віджетами, які все ж відображалися в Illuminations Panel, можна було подивитися всі властивості і докуметацію до API.
Ну і ложка йде в бочку меду. На жаль плагін не безкоштовний (існує два типи ліцензії: Commercial License і Personal License, для організацій і окремих розробників відповідно). Безкоштовно можна використовувати Trial версію. АЛЕ правда я так і не зрозумів, в чому ж принципові відмінності Trial версії від неTrial. Як пише один з розробників плагіну в блозі Sencha: «PS: There are some hidden things not available in the trial version...».
