Break if element of an object in watch has specific value
I've added an element to my watchlist. Is it possible to set a breakpoint if the value of an element matches a certain value?
For example, it should stop as soon as the value of the element className is mceEditor.
At the moment I have to manually go to this position step by step, by step...
Is that possible? Are there any developer tools which are capable of doing this?
Solution
I figured out that there are conditional breakpoints. I added one at the correct spot and now it is just like I desired.
Chrome: Open the developer tools and open the tab "sources". then right click on the line number and select "Add conditional breakpoint" and set your condition.
- How to search the browser window object looking which object or variable has the searched-for value?
- Chrome DevTools Protocol - intercepting and modifying websocket requests
- Chrome dev tools opens an old file when I try to debug?
- Google Chrome developer tools works very slow
- Default request headers get lost when using setRequestHeader
- Continuously emulate GPS Locations on Chrome
- How to inject javascript into Chrome DevTools itself
- Is it possible to search with regular expressions within Chrome's developer console?
- Chrome DevTools converts all HEX Colors to RGB
- Any way to throttle calls to a specific API in Chrome DevTools while leaving others unthrottled?
- Break if element of an object in watch has specific value
- Automatic growing number of JS event listeners
- Why is the initial connection time for a HTTP request so long?
- Any way to get my discord token from Browser Dev Console?
- Inspect hovered element in Chrome?
- How to find out what is referencing a detached DOM tree using Chrome Dev Tools
- How do I get Chrome Devtools to sort scope properties alphabetically?
- "/.well-known/appspecific/com.chrome.devtools.json"' request
- How do I view the storage of a Chrome Extension I've installed?
- What is the purpose of this purple dashed line area?
- Reset Network tab default table sort order in Chrome developer tools?
- Chrome dev tools loses network history
- Is it possible to import variables from ES6 modules directly in Chrome DevTools console for Debugging purpose? (in pure HTML, JS project)
- Spoof Geolocation position.heading in Chrome DevTools
- Chrome Developer Tools: How to find out what is overriding a CSS rule?
- Is it possible to open developer tools console in Chrome on Android phone?
- Devtools of Chrome/Edge are "jumping" to the sources tab
- What's the difference between "memory" and "memory footprint" fields on Chrome's task manager?
- How is Trading View requesting data?
- What features does Firebug have that Chrome's Developer Tools do not have?