Diagnostic tools
From Joomla! Documentation
(Difference between revisions)
Dklementjev (Talk | contribs) m (DebugBar link added) |
(Browser diagnostic tools, add-ons and extensions are not Joomla version-specific. Fixed heading heirarchy. Added division to clear the Firebug image.) |
||
| (13 intermediate revisions by 8 users not shown) | |||
| Line 1: | Line 1: | ||
| − | == | + | 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]].) |
| − | * [ | + | [[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://www.microsoft.com/downloads/details.aspx?familyid=e59c3964-672d-4511-bb3e-2d5e1db91038 Internet Explorer Developer Toolbar] | + | </div> |
| − | * Users of Office XP | + | * [http://addons.mozilla.org/firefox/2104/ Simple CSS Viewer] (Firefox 1.5) |
| − | * [http://www. | + | == Internet Explorer Web Browser == |
| − | <noinclude>[[Category:Itemised lists]] [[Category:Templates]]</noinclude> | + | * [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) | ||
| + | * 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.) | ||
| + | == 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. | ||
| + | * [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}}) | ||
| + | * [http://webkit.org/blog/61/introducing-drosera/ WebKit Drosera JavaScript Debugger] ({{os|mac}} WebKit: {{os|linux}}) | ||
| + | <noinclude> | ||
| + | [[Category:Itemised lists]] | ||
| + | [[Category:Templates]] | ||
| + | [[Category:References]] | ||
| + | [[Category:Template Development]] | ||
| + | </noinclude> | ||
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 (Firefox 1.5+) (For more information, please watch the free video tutorial on using Firebug with Joomla.)
- Web Developer toolbar (Firefox 1+, Flock, Seamonkey)
- Simple CSS Viewer (Firefox 1.5)
Internet Explorer Web Browser
- Microsoft Internet Explorer Developer Toolbar (MSIE 7)
- DebugBar (MSIE 5 - 8, free for personal use)
- MSIE 8, press SHIFT+F12 or click the 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.)
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.
- Introduction to Opera Dragonfly (Opera 10+)
Safari Web Browser
- How to enable the Safari 3.x Developer Menu (
)
- WebKit Drosera JavaScript Debugger ( WebKit:
)
