Web page diagnostic tools: Difference between revisions
From Joomla! Documentation
Removed Firebug for the Firefox browser. It is no longer available. |
CSS Viewer for the Firefox browser is no longer available. Corrected some URLs. |
||
| Line 4: | Line 4: | ||
<noinclude>{{RightTOC}}</noinclude> | <noinclude>{{RightTOC}}</noinclude> | ||
=== Mozilla Firefox Web Browser === | === Mozilla Firefox Web Browser === | ||
* [ | * [https://addons.mozilla.org/en-US/firefox/addon/web-developer Web Developer] toolbar (Firefox, Flock, Seamonkey) | ||
* [ | * [https://addons.mozilla.org/en-US/firefox/collections/71746/joomla-developer-toolbox/ Joomla Developer Toolbox - a collection of essential extensions for web developers] (Firefox) | ||
=== Internet Explorer Web Browser === | === Internet Explorer Web Browser === | ||
Revision as of 15:31, 17 July 2020
This article is tagged because it NEEDS UPDATING. You can help the Joomla! Documentation Wiki by contributing to it.
More pages that need help similar to this one are here. NOTE-If you feel the need is satistified, please remove this notice.
Reason: All these tools mentioned are very dated and many are outright removed
Many browsers can act as platforms for diagnostic tools. You can analyze Web pages built with any version of Joomla by using them. These browser tools have many built-in features such as a DOM Inspector, JavaScript Debugger, Network Inspector, Resources Inspector, Storage Inspector, Profiler, Error Log, Remote Debugging, etc. These tools make it easier to see and debug exactly what is being processed by a browser when rendering a web page.
Mozilla Firefox Web Browser
- Web Developer toolbar (Firefox, Flock, Seamonkey)
- Joomla Developer Toolbox - a collection of essential extensions for web developers (Firefox)
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:
)
