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

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

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

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


person LeRoy    schedule 13.04.2011    source источник


Ответы (4)


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

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

person mVChr    schedule 13.04.2011
comment
Я пробовал это, но точки останова не срабатывают, что бы я ни делал. - person Damon; 18.08.2011
comment
В папке fiddle.jsshellnet/_display/(program) из этого файла вы должны увидеть свой код, начиная со строки 20. screencast.com/t/IVbxUnrCr7LW - person gmetzker; 23.05.2013

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

debugger;

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

person Effata    schedule 13.04.2011

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

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

например: jsfiddle-link

person dbrin    schedule 28.08.2012

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

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

введите здесь описание изображения

person hcpl    schedule 12.02.2014