2015-05-24 1 views
0

Есть ли отладчик, инструмент анализа кода или редактор кода, который может показать мне, какие функции-члены объекта (или класса) вызываются внутри кода, и в идеале также помогают мне видеть и просматривать код вызова?Как анализировать охват членов класса JavaScript?

Для меня я ищу инструменты для использования с Firefox в Linux, но, во что бы то ни стало, делиться любыми инструментами, поскольку они будут полезны кому-то!

+0

покрытия кода специально означает, что при тестировании программного обеспечения, как большая часть кода была протестирована тестов. Это то, что вы имеете в виду? (Вот один, http://blanketjs.org/, есть и другие.) –

+0

Да, я должен был уточнить. Я имею в виду покрытие, но не строго для тестирования. Мне интересно узнать, какие функции-члены используются в коде. Моя причина в том, что мне нужно перенести объект в новый API и нужны только функции портов, которые на самом деле вызываются. Тем не менее, мне нужно также посмотреть на каждое место, из которого вызывается член, поэтому инструмент, который может показать мне, что где-нибудь в коде вызывает любой член объекта, поэтому я могу посетить вызывающий код, чтобы увидеть, что он делает. Так что это не стек вызовов или пошаговый отладчик, а инструмент анализа кода. – theWebalyst

+0

Не могли бы вы рассказать нам немного больше о своем приложении? Рамки, библиотеки, стеки, RESTful API и т. Д.? Существуют такие инструменты, как [Angular batarang] (https://chrome.google.com/webstore/detail/angularjs-batarang/ighdmehidhipcmcojjgiloacoafjmpfk?hl=ru), но это только Chrome и почему именно Firefox? –

ответ

1

Firebug делает это изначально. Я думаю, что вам нужен JavaScript-код call-stack и контекст выполнения лучший способ, которым я знаю, это использовать точки останова, чтобы остановить код перед выполнением и пройти, чтобы увидеть, где функция вызывается.

Я бы рекомендовал более внимательно ознакомиться с инструментами chrome dev. Существует довольно хороший курс доступен бесплатно на Code School

Вот иллюстрация того, как это будет работать в Devtools жука процесс похож на Firebug

Источник: http://www.html5rocks.com/en/tutorials/developertools/async-call-stack/

enter image description here

Update

BlanketJS, вероятно, ваш лучший выбор, но вот список инструментов покрытия, которые вы также можете посмотреть.

P.S. Вы всегда можете написать свой собственный, но это, вероятно, выходит за рамки того, что вы просите.

+0

Спасибо за ваш ответ - это полезно, потому что мне нужна вся помощь, которую я могу получить, изучая :-) - но не то, что я ищу в этом вопросе, который, как я вижу, мог быть более ясным, поэтому я добавил комментарий. – theWebalyst