DOMListener is a simple tool that provides convenient interface for observing DOM changes (node removal and addition, attribute and text modifications). Events can be filtered with ease, affected nodes can be highlighted with a single click.
You can get this extension in the Chrome Web Store or download it from github and manually load as an 'Unpacked extension' via chrome extensions page.
Open Chrome DevTools and navigate to the "DOMListener" panel. From here you can:
- start listening/recording DOM changes ("Record" button),
- filter types of events using checkboxes in the top left corner,
- filter nodes by providing a search query in the input field,
- highlight nodes by clicking on their names and
- inspect nodes by holding Shift and clicking on their names.
If you found a bug or have a feature request, please create an issue here on GitHub.
https://github.com/kdzwinel/DOMListenerExtension/issues
Sunil Agrawal for inspiration
Konrad Dzwinel
This program is free software: you can redistribute it and/or modify it under the terms of the GNU General Public License as published by the Free Software Foundation, either version 3 of the License, or (at your option) any later version.
This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details.
You should have received a copy of the GNU General Public License along with this program. If not, see http://www.gnu.org/licenses/.