Можно ли отлаживать динамическую загрузку JavaScript с помощью некоторых отладчиков, таких как WebKit, FireBug или IE8 Developer Tool?

попробуйте добавить оператор "debugger;" в javascript, который вы добавляете динамически. Это должно заставить его остановиться на этой линии независимо от настроек точки останова.

Я использую google chrome для этой цели.

в chrome на вкладке скрипты вы можете включить "пауза на все исключения"

а потом поставить где-то в строке кода try{throw ''} catch(e){}. Chrome остановит выполнение, когда он достигнет этой строки.

EDIT: измененное изображение, так что было бы яснее, о чем я говорю.

Да ,это (теперь) можно отлаживать динамически загруженный JavaScript с помощью Google Chrome!

нет необходимости добавлять дополнительные debugger; или любой другой атрибут для динамически загружаемых JS файл. Просто выполните следующие действия для отладки:

Способ 1:

мой технический лидер только что показал супер-простой способ отладки динамически загружаемых методов Javascript.

1. Откройте консоль chrome и напишите имя метод и нажмите enter.
   В моем случае это GetAdvancedSearchConditonRowNew
   Если метод JS загружен, то он покажет определение метода.

---

---

1. нажмите на определение метода и весь JS файл будет открыт для отладки :)

---

---

Способ 2:

в качестве примера, Я загружаю JS файл, когда я нажимаю на кнопку с помощью ajaxзвонок.

1. открыть network вкладка в Google chrome dev tools
2. нажмите на элемент управления (например. кнопка), которая загружает некоторый файл javascript и вызывает некоторую функцию javascript.
3. обратите внимание на вкладку network и найдите эту функцию JS (в моем случае это RetrieveAllTags?_=1451974716935)
4. наведите курсор на ее initiater и вы найдете свой динамически загруженный JS-файл(с префиксом VM*).

---

---

1. нажать на открыть.
2. поместите отладчик куда угодно в этот файл: D

---

---

Я думаю, вам может понадобиться дать eval'D код "имя", как это:

http://blog.getfirebug.com/2009/08/11/give-your-eval-a-name-with-sourceurl/

Если вы это сделаете, я думаю, что это скорее debugger подход "обновление 2" должен работать тогда.

обновление: синтаксис для sourceUrl был изменен (@заменен на#), чтобы избежать ошибки в неподдерживаемых браузерах (читай: IE). подробности

использование Chrome (12.0.742.112) с кодом, который вы предоставили плюс оператор отладчика, как это

    script.text =   "debugger;var someVariable = 0;\n" +
    "someVariable = window.outerWidth;\n" +
    "alert(someVariable);";

работает для меня.

мне нужно изменить некоторый JavaScript (ограничивая область действия всего селектора jQuery текущим частичным >view div) перед его выполнением.

может ли его более ощутимым, если вы привязываете изменение селектора к событию на вашем частичном представлении вместо создания элементов скрипта в теле html ( не чувствует право.)

вы могли бы сделать что-то подобное

   (function(j)(
      var limiting_selector = '';
      j(".partial_views").bind('focusin over',function(e){
         limiting_selector = j(this).attr('someattr') // or j(this).data('limiting-selector')
      }).bind('focusout out',function(e){
         limiting_selector = '';
      });
      // And then go on with
      // j(limiting_selector+' .someclass')
   ))(jQuery)

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

(все еще кажется хакерским, может быть у кого-то есть лучшее решение)

ура

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

динамично загруженный Javascript по-прежнему должен быть проанализирован браузером это где WebKit, или FireBug debugger sat так что он подчиняется отладчику независимо от того, что, я думаю, это то же самое для инструментов разработчика в IE8,

таким образом, ваш код подлежит отладчику, так что где ваша проблема не будет в этом файле или тексте, если он не ошибается

другое дело script.text = "alert('Test!');"; не действует, поэтому он не будет работать во всех браузерах, что вы хотите script.innerHTML = "alert('Test!');";

несмотря на то, что его innerHTML это означает, что код внутри HTML-тегов не HTML внутри просто большинство людей используют его для этого, поэтому он объясняется неправильно

ОТРЕДАКТИРОВАНО ДЛЯ ОБНОВЛЕНИЯ ДВА

и на втором обновлении с помощью Chrome я сделал это

перейти к about: пустой Откройте консоль вверх и мимо в

var script = document.createElement('script')
script.setAttribute("type","text/javascript")
script.innerHTML = "alert('Test!');debugger;";

document.getElementsByTagName('head')[0].appendChild(script);

затем он сломается и откроет вкладку скрипта с about: blank shown (ничего не видно)

затем справа стороны показывают список стека вызовов, а затем нажмите на второй (анонимная функция), и он покажет вам.

Итак, в вашем файле у вас будет (анонимная функция), которая является кодом, который вы запускаете, и вы увидите точку останова там. так что вы знаете, что ваш в правильном.

используя Google Chrome (или сафари) инструмент разработчиков, вы можете запустить JavaScript строка за строкой.

Инструмент Разработчика > Скрипты > выберите, какой скрипт вы хотите отладить > знак паузы на правой стороне Или установите точки останова, щелкнув номер строки

один вариант я хотел бы использовать его добавление консоли.оператор log (") в моем коде. Как только этот оператор появляется в консоли, с ним связывается номер строки. Вы можете щелкнуть этот номер, чтобы перейти к местоположению в источнике и установить точку останова. Недостатком этого подхода является то, что точки останова не сохраняются при перезагрузке страницы, и перед добавлением отладчика необходимо выполнить весь код.

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

1. имитация некоторого динамического файла загрузки.

1. пресс Ctrl + Shift+F на источник вкладка и поиск вышеуказанной функции.

создать некоторую точку останова и выполнить функцию, чтобы проверить его.