2012-07-03 5 views
1

Я очень новичок в ExtJS и все еще просматриваю Документы на сайте Sencha. Я видел много examples в ExtJS4, используя console.log() для отладки. Однако я не мог понять, как бороться с console.log().Отладка ExtJS 4 с помощью console.log()

Я использую Aptana Studio 3 для разработки, и я не думаю, что Aptana может запускать console.log() (исправьте меня, если я ошибаюсь). Итак, нам нужно отладить его в Firebug? Затем, как включить файлы сценариев, такие как ext-all.js, ext-debug.js в Firebug?

+0

Будьте осторожны при их использовании, поскольку они будут разбиты на IE, если они оставлены. Если вы планируете развертывать приложение с помощью ExtJS, то все ваши файлы console.log должны быть такими // console.log ('test'); // Этот способ, когда вы минимизируете свое приложение с помощью Sencha SDK Tools, вам не придется вручную удалять все записи console.log, чтобы заставить IE работать –

+1

Или включить в ваш основной файл app.js следующий код: 'если (TypeOf консоль === "неопределенные") { консоль = { лог: функция() {}, информация: функция() {}, предупреждают: функция() {}, об ошибке: функция () {} }; } ' – JohnnyHK

ответ

5

В порядке, console.log() вывод из ваших сценариев идет в консольное окно инструментов разработчика любого браузера, который вы используете (например, Firebug для Firefox). Инструмент разработчика браузера берет файлы сценариев из того же места, что и браузер; т. е. вы загрузили их на свою веб-страницу.

+0

Спасибо, поэтому мне действительно нужно создать HTML-разметку, чтобы обернуть скрипты и отобразить HTML в браузере (скажем, Firefox), а затем я могу просмотреть вывод консоли в Firebug? – sozhen

+0

Нет, я имел в виду веб-страницы, которые загружают эти сценарии для вашего приложения, и делают их доступными для Firebug. Вам не нужно ничего делать специально для Firebug. – JohnnyHK

+0

Да, сценарии будут загружены при рендеринге страницы. Предположим, что у меня есть отдельный файл '.js':' var a = "my string"; console.log (а); 'Как я могу увидеть результат в Firebug или в других местах. (Примечание: я не печатаю это в консоли Firebug, я просто хочу запустить js-файл и посмотреть вывод в консоли). Если у вас есть время, взгляните на эту [ссылку] (http://docs.sencha.com/ext-js/4-0/#!/guide/data), как они выводят 'console.log()' содержание. Спасибо – sozhen

1

Я бы порекомендовал вам использовать Google хром. У него очень хороший инструмент для разработчиков. Кроме того, для ExtJs используйте файл ext-all-dev.js вместо ext-all.js или ext-all-debug.js при выполнении какой-либо разработки. Это будет очень полезно. Для получения более подробной информации отметьте this link.

Также вы можете установить контрольные точки, просто используя команду debugger; в вашем файле javascript. Но для выполнения этой работы убедитесь, что запущен инструмент firebug/developer.

Надеюсь, это поможет.