firebug question

Question

Firebug

A web page template consists of many glued files (header.tpl, comments.tpl, etc.) - is it possible somehow, by pointing a firebug at the desired element on the page, to determine which of the files a particular piece of code belongs to?

Explanations: I got a site from one shitcoder, in which all the files in the template are named as 1, 2, 3, 4 ... and without comments. It is necessary to quickly rename all this without delving into the code of each.

Where can I read about effective methods of using firebug in development and testing?

Answer 1

write in the files at the beginning

<!-- start xxx.tpl -->

, and at the end

<!-- end xxx.tpl -->

, at least you can understand from the source code where you are approximately.

Answer 2

Also give css classes in templates meaningful names like header_logo, comments_button