Sometimes you want to use chrome’s developer tools to inspect an element which is changing. In my case I had a slider that was moving constantly and I wanted to inspect a specific slide and play with it without having it change the slides.
This can be done by disabling JavaScript at a specific moment, inspecting the element (trying different css changes) and at the end enabling back JavaScript.
To disable / enable JavaScript (may change in different chrome versions):
- F12 to open developer tools
- 3 dots menu at the right side of the categories bar -> settings
- under “Debugger” check “Disable JavaScript”
