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

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

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

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

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

Решение Вопроса

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

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

 oshirowanen18 мая 2012 г., 14:02
Похоже, это работает для Chrome, как я могу заставить его работать и для Firebug, так как решение выше, похоже, не работает с Firebug.

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

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

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

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

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

 James Hulse29 июн. 2015 г., 18:24
Эта функциональность теперь изменилась на://# sourceURL=app/js/myapp.js как IE использует//@ директива для условной компиляции.
 Paul Irish14 янв. 2016 г., 01:25
@ JamesHulse, спасибо. обновлена.

Ваш ответ на вопрос