ru_vds Aug 16 2017 at 14:47

Пять инструментов отладки JavaScript, о которых полезно знать

5 min

26K

RUVDS.com corporate blogJavaScript*Debugging*

Translation

+15

Comments 19

some_x Aug 16 2017 at 15:02

По моему слишком капитанская статья.

+16

k12th Aug 16 2017 at 15:59

На medium.com не так много откровений, как кажется:)

hssergey Aug 16 2017 at 16:29

Postman — это настольное приложение, его надо скачать и установить.

А можно продолжать работать в хроме, просто установить его расширение Advanced Rest Client. Позволяет выполнять кастомные запросы, задавать любые необходимые заголовки, содержимое, сохранять сами запросы для будущего использования и т.п. Очень полезно для тестирования различных HTTP API.

vtvz_ru Aug 16 2017 at 17:32

А можно на той же вкладке Network, щёлкнув на сам запрос, увидеть Response. Это, конечно, если запрос уже сделан. Помимо этого, JSON превращается в удобную структуру, которую легко читать. Плюс, можно увидеть все заголовки и прочую информацию.

Reon Aug 16 2017 at 22:12

А можно курлом, сам не пробовал, но люди рассказывают.

domix32 Aug 17 2017 at 11:34

Можно, но запросы хранить/вызывать проблемно. В том же постмане все нагляднее

justboris Aug 17 2017 at 12:18

В ChromeDevTools можно любой запрос скопировать как вызов команды curl, со всеми параметрами, куками и заголовками.

domix32 Aug 17 2017 at 21:24

Половина скопированных ключей не нужна и в принципе результат не очень удобно читать. Управлять кучей запросов, группировать их всячески — в браузере нельзя, а shell-скриптами неудобно

UFO just landed and posted this here

Ashot Aug 22 2017 at 10:50

Postman – это такое же Chrome-приложение, как и ARC. Все описанные возможности в нём имеются

Aquahawk Aug 16 2017 at 18:07

Вот например очень полезный доклад про отладку

jaiprakash Aug 16 2017 at 19:32

Есть ли способ ловить изменения переменной?

Aquahawk Aug 16 2017 at 19:57

если это свойство объекта то можно на сеттер-геттер поменять.

RidgeA Aug 16 2017 at 20:40

Или Proxy

paratagas Aug 17 2017 at 12:22

Для простых GET-запросов из браузера (например, при предварительном изучении API) можно добавить в Chrome плагин JSONView. Он отображает данные формата json в удобном виде, а также позволяет сворачивать/разворачивать объекты и массивы, в том числе и все сразу.

andreyyka Aug 17 2017 at 12:51

Раз уж зашел разговор об отладке Node в Chrome, пользуясь этой ссылкой chrome://inspect/#devices не нужно будет для новой отладки переходить по ссылкам, выдаваемыми в командной строке. Использование --inspect-brk вместо --inspect поставит точку останова в самом начале выполнения.

Reon Aug 22 2017 at 15:22

Это делается еще проще. В хроме появляется значек ноды, по нажатию на который, открывается новое окно с инспектором.

inoyakaigor Aug 21 2017 at 16:59

К слову о Node.js
Мне помогло вот это расширение для Хрома

PFight77 Aug 22 2017 at 21:26

Отлаживаю ноду в Visual Studio. Там есть шаблон проекта с TypeScript, запускаешь по F5 и получаешь полноценную отладку с бряками, пошаговым исполнением и всеми остальными прелестями.