Actions

Difference between revisions of "Where do I find web page diagnostic tools?"

From Joomla! Documentation

m (removed Category:Templates using HotCat)
Line 3: Line 3:
 
[[Category:Template FAQ]]
 
[[Category:Template FAQ]]
 
[[Category:Template Development FAQ]]
 
[[Category:Template Development FAQ]]
 +
[[Category:Template Reference]]
 
</noinclude>
 
</noinclude>

Revision as of 21:18, 22 June 2013

The following diagnostic tools may prove useful when developing templates. Many browsers can act as platforms for diagnostic tools. You can analyze Web pages built with any version of Joomla by using them. These browser tools have many built-in features such as a DOM Inspector, JavaScript Debugger, Network Inspector, Resources Inspector, Storage Inspector, Profiler, Error Log, Remote Debugging, etc. These tools make it easier to see and debug exactly what is being processed by a browser when rendering a web page.

Contents

Mozilla Firefox Web Browser

  • Firebug is an Add-on for Firefox 1.5+
For more information, please watch the free video tutorial on using Firebug with Joomla.)
Screenshot-368firebug.png

Internet Explorer Web Browser

Opera Web Browser

Opera has a built-in diagnostic tool called Dragonfly. When viewing the page, right click and choose "Inspect Element" to start Dragonfly.

Safari Web Browser