Я использую код Visual Studio для проекта javascript. Вы можете установить контрольные точки и выполнить очень простой отладку кода, который выполняется в nodejs. Есть ли способ разрешить точки останова и отладки для клиентской стороны, код браузера?Visual Studio Код отладки на стороне клиента JavaScript
Отладка через console.log стареет очень быстро.
Для отладки в Chrome есть Visual Studio Code: Debugger for Chrome extension. Вы можете найти это расширение на рынке, search для отладчика, как указано в debugging manual. К сожалению, в настоящее время нет поддержки для других браузеров,
Отладка node.js работает из коробки, см. Руководство по отладке выше или номер blog post от John Papa.
Отладка как клиента, так и сервера (как отметил Фил) не представляется возможным, по крайней мере, на мой взгляд, так как вам нужно иметь две разные конфигурации запуска, извините.
Вы должны использовать инструменты разработчика, которые имеются во всех современных браузерах (F12). Я предпочитаю хром, потому что с workspaces и вы можете встроить редактирование своего кода в браузере.
Итак, ответ нет? Как насчет способа использования phantomjs и визуального кода студии, чтобы иметь тот же опыт, который он описал с помощью nodejs? –
Я описываю процесс отладки для кода браузера переднего конца. И да для ответа на передний план нет. Потому что (если я правильно отредактировал процесс отладки) VS-код должен быть прикреплен к браузеру Chrome для отладки, потому что это два разностных процесса. Это не простая задача. Ответ Chrome - это использование рабочих областей и редактирование кода в браузере.Что касается PhantomJS, у него нет никакого пользовательского интерфейса, так как вы с ним работаете? –
Открыв проект в браузере chorme и используя chrome DevTools. Вы можете отлаживать его, как хотите.
шаги:
Откройте ваш проект (с URL).
Open DevTools (F12)
Выберите "Элементы" и выберите элемент
Вы можете увидеть "Слушателей событий" на правой панели, выберите то, что вам нужно
И затем, вы можете щелкнуть правой кнопкой мыши по событию, выбрав «Показать функцию дефиниции»
Наслаждайтесь!
Если вы имеете в виду Debug Nodejs, Как я уже сказал, есть пакет npm с именем «debuger»?
Другой метод заключается в использовании кода Visual Studio: отладчик для расширения Chrome. Сохраните содержимое конфигурации launch.json для node.js и удалите его. Затем создайте Chrome launch.json. Объедините два, и вы можете отлаживать сервер или клиент в коде (но не оба одновременно).
Для отладки клиента сервер должен быть запущен, поэтому из командной строки используйте команду «node», которая запускает сервер. В Code запускает отладчик Chrome и отлаживает клиентскую часть.
Отличный ответ. Проблема в том, что у меня есть проект узла с кодом сервера и кодом клиента. Использование расширения, похоже, подходит для отладки клиентского кода, но оно не позволяет мне запускать узел, чтобы бэкэнд работал одновременно с отладкой переднего конца. –
И что случилось с инструментами отладки браузеров? Я не говорю о выводе данных на консоль, а в выполнении кода. Вы можете использовать инструкцию 'debugger;' для исходных файлов, которые вы не можете легко найти, или для тех кодовых блоков/файлов, которые загружаются и немедленно выполняются через AJAX. Вы можете отлаживать обработку IE в Visual Studio, но не в других браузерах AFAIK. –