Difference between revisions of "Web page diagnostic tools"
From Joomla! Documentation
Dklementjev (talk | contribs) m (DebugBar link added) |
(Update to show the debugger is MSIE8+) |
||
(14 intermediate revisions by 9 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) | ||
+ | </div> | ||
+ | * [http://addons.mozilla.org/firefox/2104/ Simple CSS Viewer] (Firefox 1.5) | ||
+ | == 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.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 == |
− | * [http:// | + | Opera has a built-in diagnostic tool called Dragonfly. |
− | + | When viewing the page, right click and choose "Inspect Element" to start Dragonfly. | |
− | * [http:// | + | * [http://www.opera.com/dragonfly/documentation/ Introduction to Opera Dragonfly] (Opera 10+) |
− | <noinclude>[[Category:Itemised lists]] [[Category:Templates]]</noinclude> | + | {{#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 06:17, 26 April 2013
Many browsers can act as platforms for diagnostic tools. You can analyze Web pages built with any version of Joomla.
Mozilla Firefox Web Browser[edit]
- 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[edit]
- 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[edit]
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[edit]
- How to enable the Safari 3.x Developer Menu ( )
- WebKit Drosera JavaScript Debugger ( WebKit: )