bluenestbryan

This plugin adds the name and path of the theme (template) file used to generate the html page into the page’s source as a comment. It will also add the name of the header, footer and sidebar if they are included.
This is useful for debugging and seeing what template file generated a page.
To use, activate, then reload any open pages. In the HTML comments, you can search for “TEMPLATE INFO” to see the added comments with the names of the template files included.

Template File Name Debugger

Add the name of the theme (template) files used to generate a page into the page's
source as a comment.

Viktor Szépe

<h4>Only for development!</h4>
Displays:
<ul>
<li>Header</li>
<li>Thumbnails</li>
<li>The Loop (content)</li>
<li>Footer</li>
<li>Included template parts</li>
<li>Highlight script, link and style elements</li>
</ul>
To remove all registered scripts and styles add <code>?remove-scripts</code> to the URL. All these scripts and styles will be listed at the bottom of the footer as HTML comment. This way it is possible to detect non-WordPress script printing.
If you are not an administrators add <code>?view-source</code> to the URL to activate Frontend Debugger.
Notice: This plugin uses regular expressions and <code>eval()</code> to get the current template apart.
TODO: sidebar, search-form.
The mini control panel contains:
<ul>
<li>Header, Thumbnails, The Loop, Footer, Included files anchors</li>
<li>Toogle button for line numbers</li>
<li>Toggle button for line wrapping</li>
<li>Toggle button for showing line ends</li>
<li>Button for script and style highlighting</li>
</ul>
From the second click on the <code>Highlight</code> button loops through (scrolls to) all scripts and styles.
The control panel’s state is kept in your browser’s <a href="https://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage" rel="nofollow ugc">localStorage</a>.
Development of this plugin goes on on <a href="https://github.com/szepeviktor/frontend-debugger" rel="nofollow ugc">GitHub</a>. Please contribute by sending PR-s implementing my TODO-s.

Frontend Debugger

Display prettified page source on the frontend.

Template File Name Debugger vs Frontend Debugger