Проверка javascript на jsfiddle.net в Google Chrome

Question

Можно ли установить точки останова с помощью инспектора Google Chrome для кода JavaScript, введенного в jsfiddle.net?

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

(Если это невозможно, меня интересуют другие способы проверки javascript в этом сценарии.)

Answer 1

Вызовы отладчика отлично работают на jsfiddle.Просто введите эту строку, где вы хотите начать отладку:

debugger;

Отладчик отлично подходит для запуска режима отладки в chrome, firebug и даже в инструментах разработки IE, но обычно вам нужно запустить отладчик (то есть "запустить"отладка "в IE, откройте Firebug / инструменты разработчика).

Answer 2

В Инструментах разработчика на вкладке Сценарий, если вы выберете fiddle.jshell.net из раскрывающегося списка, около строки 20-30 (в зависимости от того, сколько у вас CSS) вы увидите тег <script>, содержащий код изОкно скрипки Javascript.Вы можете установить свои точки останова здесь.

Вы также можете оценить код в Консоли по этому кадру, изменив контекст консоли:

Answer 3

Другой трюк - показать вашу скрипку без редактора, используя следующий синтаксис:

<normal path to your fiddle>/show/light/

в качестве примера: jsfiddle-link

Answer 4

В консоли разработчика перейдите на вкладку sources , откройте представление дерева исходных текстов (слева), откройте узел fiddle.jsshell.net, затем щелкните _display, затем (index), и вы должны увидетьВаш код.

Обратите внимание, что если вы сохраните свой код, эта ссылка _display будет заменена на fiddle-reference/version/show.Например, JsQfE/2/show (насколько мне известно, его нет в качестве примера) .