Actions

Difference between revisions of "Web page diagnostic tools"

From Joomla! Documentation

m (Adjusted wording)
(Browser diagnostic tools, add-ons and extensions are not Joomla version-specific. Fixed heading heirarchy. Added division to clear the Firebug image.)
(6 intermediate revisions by 3 users not shown)
Line 1: Line 1:
=== Mozilla Firefox web browser ===
+
Many browsers can act as platforms for diagnostic tools. You can analyze Web pages built with any version of Joomla.
 +
== Mozilla Firefox Web Browser ==
 
* [http://addons.mozilla.org/firefox/1843/ Firebug] (Firefox 1.5+) (For more information, please watch [[Using Firebug With Your Joomla Website|the free video tutorial on using Firebug with Joomla]].)
 
* [http://addons.mozilla.org/firefox/1843/ Firebug] (Firefox 1.5+) (For more information, please watch [[Using Firebug With Your Joomla Website|the free video tutorial on using Firebug with Joomla]].)
 +
[[File:Screenshot-368firebug.png|left|thumb|Firebug at work]]
 +
<div style="clear:both;">
 
* [http://addons.mozilla.org/firefox/60/ Web Developer] toolbar (Firefox 1+, Flock, Seamonkey)
 
* [http://addons.mozilla.org/firefox/60/ Web Developer] toolbar (Firefox 1+, Flock, Seamonkey)
 +
</div>
 
* [http://addons.mozilla.org/firefox/2104/ Simple CSS Viewer] (Firefox 1.5)
 
* [http://addons.mozilla.org/firefox/2104/ Simple CSS Viewer] (Firefox 1.5)
 
+
== Internet Explorer Web Browser ==
=== Internet Explorer web browser ===
+
 
* [http://www.microsoft.com/downloads/details.aspx?familyid=e59c3964-672d-4511-bb3e-2d5e1db91038 Microsoft Internet Explorer Developer Toolbar] (MSIE 7)
 
* [http://www.microsoft.com/downloads/details.aspx?familyid=e59c3964-672d-4511-bb3e-2d5e1db91038 Microsoft Internet Explorer Developer Toolbar] (MSIE 7)
 
* [http://www.debugbar.com/?langage=en DebugBar] (MSIE 5 - 8, free for personal use)
 
* [http://www.debugbar.com/?langage=en DebugBar] (MSIE 5 - 8, free for personal use)
 
* MSIE 8, press SHIFT+F12 or click the [http://msdn.microsoft.com/en-us/library/cc304131(VS.85).aspx Developer Tools] icon in the command bar
 
* MSIE 8, press SHIFT+F12 or click the [http://msdn.microsoft.com/en-us/library/cc304131(VS.85).aspx Developer Tools] icon in the command bar
* Users of Office XP and later may also install the "Script Debugger" via Office Setup (the debugger is not installed by default)
+
* Users of Office XP and later may also install the "Script Debugger" via Office Setup. (The debugger is not installed by default.)
 
+
== Opera Web Browser ==
=== Safari web browser ===
+
Opera has a built-in diagnostic tool called Dragonfly.
 +
When viewing the page, right click and choose "Inspect Element" to start Dragonfly.
 +
* [http://www.opera.com/dragonfly/documentation/ Introduction to Opera Dragonfly] (Opera 10+)
 +
{{#ev:youtube|BeTzJ-HGLo4}}
 +
== Safari Web Browser ==
 
* How to enable the [http://developer.apple.com/internet/safari/faq.html#anchor14 Safari 3.x Developer Menu] ({{os|mac}} {{os|win}})
 
* How to enable the [http://developer.apple.com/internet/safari/faq.html#anchor14 Safari 3.x Developer Menu] ({{os|mac}} {{os|win}})
 
* [http://webkit.org/blog/61/introducing-drosera/ WebKit Drosera JavaScript Debugger] ({{os|mac}} WebKit: {{os|linux}})
 
* [http://webkit.org/blog/61/introducing-drosera/ WebKit Drosera JavaScript Debugger] ({{os|mac}} WebKit: {{os|linux}})

Revision as of 18:02, 24 June 2012

Many browsers can act as platforms for diagnostic tools. You can analyze Web pages built with any version of Joomla.

Contents

Mozilla Firefox Web Browser

Firebug at work

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