Manually connecting Chrome DOM to my console

How do I hook Chrome DOM Breakpoint to my console manually? Can anyone get me a walk through for this?

How do I hook Chrome DOM Breakpoint to my console manually? Can anyone get me a walk through for this?
Definitely you can hook chroom DOM Breakpoint to your own console. So don't get tensed. Just follow the steps I mentioned below-
1. // DOMNodeInserted may be more interesting document.addEventListener('DOMSubtreeModified', function(event) { console.log(event.target); // Logs the element });
2. The element you logged on is remain live. While you logged in it will not shown the elements live.
3. For this event "DOMNodeInserted" this may be useful obviously-
console.log(event.target.outerHTML);
For more info visit here- https://stackoverflow.com/questions/7842471/chrome-dom-breakpoint-keeps-enabling-itself
A clear view and for a more perfect solution visit this site without hesitation- https://developers.google.com/web/tools/chrome-devtools/?utm_source=dcc&utm_medium=redirect&utm_campaign=2016q3 and https://github.com/
Hope you may relief.
Â
Â