Проверка 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 (который не существует, насколько я знаю, но выполняет задание в качестве примера).