18 мая 2012 г., 13:18 от oshirowanen

Отладка динамически добавляемых файлов JavaScript

У меня есть веб-приложение, которое динамически добавляет файлы javascript на основе того, что пользователь выбирает в качестве параметров, используя ajax в режиме реального времени, чтобы избежать обновления экрана.

Сейчас я пытаюсь отладить эти динамически добавленные файлы javascript и пробовал использовать как инструменты разработчика Google Chrome, так и плагин Firebug для Firefox, и заметил, что динамически добавляемые файлы javascript & quot; файлы & quot; не отображаются, поэтому я не могу выбрать их, чтобы добавить точки останова и т. д.

Итак, есть ли решение для этого, то есть отладка динамически добавляемых файлов JavaScript?

Ответы на вопрос (0)

18 мая 2012 г., 10:54 от Samuel Rossille

debugger;ператор @ в ваших динамических скриптах, где вы хотите установить точку останова. Это заставит chrome останавливаться на нем, как на обычной точке останова, если поток выполнения достигает оператора, пока открыт пользовательский интерфейс инструментов разработки.

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

23 мая 2012 г., 17:06 от Paul Irish

sourceURL, который указывает DevTools, что строки eval'd следует рассматривать как реальные файлы. Он делает именно то, что вы ищете.

В конце строки, которую нужно исключить, оставьте комментарий этой формы:

//# sourceURL=app/js/myapp.js

Оттуда Chrome DevTools (и Firebug) будут воспринимать это как «настоящий файл».

Намного больше объяснения здесь и HTML5 Rocks имеетстать иsourceURL demo.

ВАШ ОТВЕТ НА ВОПРОС