Easier Way to Source Locate DOM Elements

User Redgetan writes a blog post about a tool they’ve constructed that will help you locate the source of DOM elements. This can be quite useful when you have a plethora of elements generated in different files in your codebase, especially when there are many developers on a project and you don’t know the provenance of any particular element.

The tool facilitates this by writing a data attribute in the DOM element:

<td class="category" data-orig-file-line="path/to/source/file.js.handlebars:23">...</td>