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

можно ли установить точки останова с помощью инспектора google chrome на введенном коде javascript jsfiddle.net?

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

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

4 66
javascript google-chrome google-chrome-devtools jsfiddle

4 ответа:

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

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

84

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

debugger;

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

127

еще один трюк, чтобы показать свою скрипку без редактора, используя следующий синтаксис:

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

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

10

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

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

enter image description here

7