Interesting examples of JavaScript debugging/debugging

Question

JavaScript

Good afternoon, I want to share with colleagues a small presentation on the topic "Debugging JS/CSS using Chrome Dev Tools".

I made a plan, I want interesting and tasty examples. If a good collection is typed, I promise to lay out the slides and make an article on Habré.

Briefly, the plan is this (Sorry for a lot of English):

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