Actions

Difference between revisions of "Web page diagnostic tools"

From Joomla! Documentation

(Opera web browser)
(Browser diagnostic tools, add-ons and extensions are not Joomla version-specific. Fixed heading heirarchy. Added division to clear the Firebug image.)
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 ==
=== Opera web browser ===
+
Opera has a built-in diagnostic tool called Dragonfly.
Opera has a build in Diagnostic tool called Dragonfly.
+
 
When viewing the page, right click and choose "Inspect Element" to start 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+)
 
* [http://www.opera.com/dragonfly/documentation/ Introduction to Opera Dragonfly] (Opera 10+)
 
+
{{#ev:youtube|BeTzJ-HGLo4}}
=== Safari web browser ===
+
== 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 17:02, 24 June 2012