Проверка javascript на jsfiddle.net в Google Chrome
Можно ли установить контрольные точки, используя инспектор google chrome, код javascript, введенный в jsfiddle.net?
Когда я перехожу на вкладку script инструментов разработчика, я вижу много скриптов, но я не знаю, где будет найден мой script или если он вообще может быть найден там. Раньше я только что решил использовать какое-то действие console.log, но мне бы хотелось установить некоторые точки останова.
(Если это невозможно, меня интересуют другие способы проверки javascript в этом сценарии.)
Ответы
Ответ 1
В Инструментах разработчика на вкладке Script, если вы выберете fiddle.jshell.net
из раскрывающегося списка, около строки 20-30 (в зависимости от того, сколько у вас есть CSS) вы увидите тег <script>
, который содержит код из окна скрипта Javascript. Здесь вы можете установить точки останова.
Вы также можете оценить код в консоли против этого фрейма, изменив контекст консоли:
![]()
Ответ 2
Отладочные вызовы отлично работают на jsfiddle.
Просто введите эту строку, где вы хотите начать отладку:
debugger;
Отладчик отлично подходит для запуска режима отладки в хром, firebug и даже средствах IE dev, но обычно вам нужно запустить отладчик (т.е. "начать отладку" в IE, открыть инструменты firebug/developer).
Ответ 3
Еще один трюк - показать свою скрипку без редактора, используя следующий синтаксис:
<normal path to your fiddle>/show/light/
в качестве примера: jsfiddle-link
Ответ 4
В консоли разработчика перейдите в вкладку источники, откройте представление дерева источников (слева), откройте fiddle.jsshell.net
node, затем нажмите _display
, затем (index)
и вы должны увидеть свой код.
Обратите внимание, что если вы сохраните код, эта ссылка _display
будет заменена на fiddle-reference/version/show
. Например JsQfE/2/show
(который не существует, насколько я знаю, но выполняет задание в качестве примера).
![enter image description here]()