Firebug - JavaScript дебъгер и профайлър

Намери скриптове лесно

Много уеб vrilozheniya се състои от голям брой файлове, както и да намерите този, който искате да отстраните грешката може да бъде рутинна и скучна задача. Меню за избор на скриптове в подпалвач видове и организира файлове по ясен и разбираем списък, който ви помага да намерите всички файлове само с едно кликване на пръста.

Пауза изпълнение по всяка една линия

Firebug ви позволява да задавате точки на прекъсване, които разказват за отстраняване на грешки за спиране на изпълнението на скрипта, когато става въпрос за конкретна линия. Докато изпълнението е спряно, можете да гледате и стойността на всички променливи и да инспектира съоръжения.

За да зададете точка на прекъсване, кликнете върху номера на всеки ред, и няма да има червена точка показва, че точката на прекъсване е настроен. Щракнете върху червената точка отново, за да се отстранят точка на пречупване.

Спира изпълнението, само ако.

Гранични могат да създадат проблеми, ако спусъка твърде често. Понякога ние искаме да спира изпълнението, само ако са изпълнени определени условия. Firebug ви позволява да настроите "условна" breypkoynty. Те проверяват израза, който трябва да бъде верен на прекъсване товара.

Стъпка по стъпка

Когато дебъгер е спряно изпълнението, можете да запазите скрипта в една стъпка. Това ви позволява да видите ясно как изпълнението на определена линия отразява променливите и обекти.

Можете също така да продължи изпълнението на повече от един ред. Изберете "Run към тази линия" от контекстното меню на линията изисква да продължите с тази линия.

Прекъсвам за грешка

Не винаги избират дебъгер. Понякога дебъгер ви избира. Firebug дава възможност да пробие в дебъгер автоматично, когато възникне грешка, така че да можете да се запознаете с условията, при които е възникнал проблемът.

разширен стека

Когато дебъгер отменя изпълнението, на Firebug ви показва стека на повикване, т.е. набор от вложени извиквания на функции, които работят в момента и в очакване на завръщането.

стека повикване е компактна лента с бутони в панела, всеки - с името на функцията в стека. Можете да кликнете върху бутона, за да отидете на линията, където функцията е спряно и погледнете в стойностите на локални променливи в рамките на една функция.

Наблюдавайки изразите

Писането на израза, не забравяйте, че можете да използвате клавиша Tab, за да попълните автоматично свойствата на обектите.

Съвети за променливи

Докато изпълнението е спряно, можете да преместите мишката върху всички променливи на текущата функция, гледайки пояснения с ценности. Това е чудесен начин да не откъсне поглед от кода и да получите отговори директно по време на четенето.

Вашият уеб приложение, почти изцяло. Работили сте всички грешки, направете стилен дизайн и е популярен сред потребителите. Само един проблем - възможността за някои забавящо, и не сте сигурни защо ..

С Firebug че вече не трябва да се чудя защо кодът е бавен. Използване на профайлър Firebug, можете да разделите мухите от котлети в секунди.

За да използвате Profiler, просто отидете на раздела конзолата и да кликнете върху бутона "Профил". Тогава popolzuyutsya кандидатурата си за известно време, или презареждане на страницата и кликнете върху "Профил" отново. Ще видите подробен доклад, който показва какви функции са били наричани и това за колко време всеки.

Влизане извиквания на функции

Понякога проблематично функция се нарича толкова много пъти, че не може да отиде всеки път в дебъгер. Просто искам да знам, когато той се нарича и какви параметри.

За да следите всички функции на разговори, просто кликнете с десния бутон върху раздела Script и изберете "Вход разговори към" име на функция "." След това отворете конзолата и да видим как да влезете изскачането разговори.

Отиди надясно по линия 108

Често искате да отидете точно до желания ред на скрипта. Нищо не е по-лесно, просто напишете номера на реда в полето за бързо търсене, пускането на първия #, както е показано на снимката по-вляво.

Firebug - безплатна разширение за Firefox. Сложете?