Difference between revisions of "Web page diagnostic tools"
From Joomla! Documentation
PerYngveBerg (talk | contribs) |
(Browser diagnostic tools, add-ons and extensions are not Joomla version-specific. Fixed heading heirarchy. Added division to clear the Firebug image.) |
||
(4 intermediate revisions by 3 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]].) | * [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 == | |
− | |||
* [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 ( | + | * 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. | |
− | Opera has a | ||
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 == | |
* 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.
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: )