Как добавить контрольные точки в свой встроенный javascript в хром

Я хочу отладить мой код javascript и успешно разместить точки останова в необходимых местах на вкладке sources.

Однако я столкнулся с проблемой, когда хочу отладить мой встроенный код javascript. У нас есть функция хром-отладки, с помощью которой я могу отлаживать свой встроенный код javascript.

Я отлично справляюсь с Firebug для цели отладки.

PS: По встроенному javascript-коду я имею в виду JS-код внутри тега body и в том же файле.

Ответы

Ответ 1

Другим способом может быть использование динамического метода script. Chrome предоставляет простую команду синтаксического анализатора, которая может тегировать динамически загруженную JS.

<script type="text/javascript">
[...]
//# sourceURL=dynamicScript.js 
</script>

Эта строка сообщает отладчику chrome, что весь этот script внутри тега script должен интерпретироваться как файл dynamicScript.js. Вы можете найти файл в списке отладчиков и легко настроить контрольные точки или проверить код.

Примечание. @заменяется на #, чтобы избежать ошибок в неподдерживаемых браузерах.

Точки останова в динамическом JavaScript

Ответ 2

Я нашел решение. Мы можем поставить точки останова на встроенный javascript тоже.

Решение:

  • Перейдите на вкладку источника в инструменте chrome dev, и вы увидите все источники там.
  • Ваш HTML-код будет представлен с похожим каталогом структуру, как это указано в вашем URL-адресе.
  • И тогда вы можете открыть свой HTML-код и разместить точку останова в своем встроенном javascript-коде.

Ответ 3

@blunderboy Если у вас есть следующий тип JS, входящий в ваш тег BODY, он никогда не появится в вашей структуре каталогов, поэтому в этом случае ваше решение не будет работать.

<div>
<script src="myJSfile.js">
</script>
</div>

это происходит в jQuery mobile, где все за пределами div страницы не загружено, поэтому вам нужно включить JS внутри div страницы.

Я бы поставил ответ @fazzyx как правильный ответ, так как по крайней мере хром показывал даже те включенные файлы.