Добрый день, хочу поделиться с коллегами небольшой презентацией на тему "Дебаггинг JS/CSS с помощью Chrome Dev Tools".
План составил, хочется интересных и вкусных примеров. Если наберется хорошая коллекция, обещаю выложить слайды и сделать статью на хабре.
Вкратце план такой (Прошу прощения за много английского):
* Брейкпоинты
* Условные брейкпоинты
* Continue to here
* Основные приемы: step into, step over, step out.
* Кнопка которая выключает брейкпоинты
* Остановка при исключениях
* Dom брейкпоинты
* Дебаггинг евентов jQuery
* Возможность нажать на кнопку "Пауза" и сделать какое-то дествие (что остановит выполнение)
* Scope variables
* Watching expressions
* Выполнения кода из консоли вовремя дебага
* Выполнения кода из сниппетов вовремя дебага
* XHR брейкпоинты