«Отладка» скрипта ExtJS - PullRequest
       2

«Отладка» скрипта ExtJS

1 голос
/ 01 ноября 2010

Существуют ли какие-либо инструменты, доступные для сценария ExtJS «Отладка»? Особенно мне трудно отлаживать, когда экран гаснет.!

Ответы [ 5 ]

7 голосов
/ 01 ноября 2010

Aptana Studio оптимизирован для разработки Javascript, включая поддержку отладки для Firefox и IE, он даже поддерживает опережающий ввод текста в библиотеке Ext JS (вам может потребоваться загрузить некоторое затмениеплагины отдельно).

Ext JS поставляется с консолью отладки (вам нужно добавить debug.js и вызвать Ext.log ("бла") для выводаэто), это обеспечит функциональность, аналогичную Firebug в Firefox, но не столь обширную, но полезную для дополнения плохих инструментов разработки , которые поставляются с предустановленной IE 8. Firebug (как упомянуто здесь Ergo) является наиболее мощным из инструментов разработки на основе браузера (он позволяет выполнять пошаговую отладку), однако последние версии Chrome и Safari также поставляются с инструментами разработки, которыеполезно (но не так сильно, как Firebug).

Я считаю, что запуск трассировки отладки во всем приложении ускоряет процесс поиска ошибок (см. Пример ниже).

// Setup simple debugging tool
DebugManager = function {};
DebugManager.isEnabled = true;
DebugManager.log = function() {
  if (DebugManager.isEnabled && arguments.length && console && console.log) {
    try {
      // Single parameter? pass it to console
      if (arguments.length == 1) console.log(arguments[0])
      // Multiple parameters? output raw arguments array to the console
      else console.log(arguments);           
    } catch (e) {}
  }
};
// Your function
function doSomething(myString) {
 DebugManager.log("doSomething(myString)", myString);
 // code for doSomething
}

Затем можно посмотреть трассировку консоли (Firebug - этолучше всего, поскольку он выводит полную информацию об объекте) и обратите внимание на последнюю функцию, которая выполнялась до того, как ваш код сломался.

После многих месяцев разработки Ext JS я должен сказать, что Firebug + Комбинация Aptana Studio побеждает другие инструменты для разработки.

3 голосов
/ 01 ноября 2010

Расширение Firebug для Firefox является одним из лучших для отладки и тестирования любой веб-среды.Это не обязательно будет держать вас в руках, и вам понадобится некоторое знакомство со стандартными процедурами отладки, но это отличное начало. JSLint - еще один онлайн-инструмент для более опытных пользователей.

2 голосов
/ 09 ноября 2010

Я обнаружил, изменив свой стиль кодирования, на самом деле я написал больше кода без ошибок. Обычно, когда я вижу пустые экраны в IE, это связано с конечными запятыми. Я начал писать свой ExtJS / JSON так:

{
   id: 'foo'
   ,name: 'bar'
   ,width: .60
   ,text :  'I am Jack\'s formatted code'
}

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

1 голос
/ 20 апреля 2015

Я использую хром. Мы можем легко отладить, используя «F12», чтобы получить консоль, где она указывает на строку, в которой произошел сбой загрузки, при щелчке по этой строке она идет в курс, чтобы показать точную строку кода.

0 голосов
/ 20 апреля 2015

Chrome Средство разработки лучше всего подходит для отладки скриптов ExtJs. Я также использовал -

  1. FireFox Developer Edition - Это довольно хорошо и имеет множество доступных инструментов, но по какой-то причине я нахожу его немного вялым при отладке приложений ExtJs (CMD встроен в один js).

  2. IE Developer Tool - Я знаю, что почти все ненавидят это, но иногда мы просто должны жить с этим. (Я нахожу это не очень плохо). Одна проблема снова - очень медленная и зависает много времени при загрузке большого скрипта. Весь файл скрипта иногда даже не загружается - я забыл точную цифру, но его просмотрщик исходного кода имеет ограничение размера / буфера / памяти и не может загрузить весь скрипт и усекает все, что он не может загрузить - так что вы можете добраться до своих строк, если линия превышает это. Это также произошло в Firebug. Но я никогда не сталкивался с такими проблемами при загрузке в Chrome.

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

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...