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.

mayel2b

Helps you more effectively edit your themes or plugins when you only have access to a browser, by enabling syntax highlighting in WordPress’ integrated source code editors. Supports PHP, HTML, CSS and JavaScript.
Please provide any feedback at http://anetech.eu/power-code-editor/
Everything is done in JavaScript on the client side.
At this time, the following browsers are supported: 
* Firefox 1.5 or higher 
* Internet Explorer 6 or higher 
* Safari 3 or higher 
* Opera 9.52 or higher 
* Chrome
Licensed under the GNU GPL v2.
Uses the excellent CodeMirror JS library : 
http://marijn.haverbeke.nl/codemirror/

Power Code Editor

Enables syntax highlighting in the integrated source code editors. Supports PHP, HTML, CSS and JS.

Frontend Debugger vs Power Code Editor