Web page diagnostic tools: Difference between revisions
From Joomla! Documentation
mNo edit summary |
Edited the Safari section. Removed the Needs Updating tag. |
||
| (37 intermediate revisions by 12 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 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. | ||
* [ | <noinclude>{{RightTOC}}</noinclude> | ||
=== 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 === | ||
'''Note''' Full support for Internet Explorer was discontinued on June 15, 2022. | |||
* Users of Office XP and later may also install the | * MSIE 8+, press ''Shift+F12'' or click the ''Developer Tools'' icon in the command bar | ||
==== | * [https://www.debugbar.com/?langage=en%20 DebugBar] (MSIE 5 - 11, free for personal use) | ||
* | * Users of Office XP and later may also install the ''Script Debugger'' via Office Setup. (The debugger is not installed by default.) | ||
* [ | * See also Microsoft's [https://docs.microsoft.com/en-us/windows/win32/win7appqual/tools-for-debugging-web-applications-and-add-ons Tools for Debugging Web Applications and Add-Ons] | ||
<noinclude>[[Category: | |||
[[Category: | === Opera Web Browser === | ||
Opera has a built-in diagnostic tool. See [https://help.opera.com/en/opera36/explore-advanced-features/#developerTools Streamline development with developer tools] | |||
=== Safari Web Browser === | |||
* Apple Safari [https://developer.apple.com/safari/tools/ Web development tools] ({{os|mac}} {{os|win}}) | |||
* [https://webkit.org/blog/61/introducing-drosera/ WebKit Drosera JavaScript Debugger] ({{os|mac}} WebKit: {{os|linux}}) | |||
<noinclude> | |||
[[Category:Development Reference]] | |||
[[Category:Template Development]] | |||
[[Category:Template Reference]] | |||
</noinclude> | |||
Latest revision as of 18:31, 18 July 2022
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
Note Full support for Internet Explorer was discontinued on June 15, 2022.
- MSIE 8+, press Shift+F12 or click the Developer Tools icon in the command bar
- DebugBar (MSIE 5 - 11, free for personal use)
- Users of Office XP and later may also install the Script Debugger via Office Setup. (The debugger is not installed by default.)
- See also Microsoft's Tools for Debugging Web Applications and Add-Ons
Opera Web Browser
Opera has a built-in diagnostic tool. See Streamline development with developer tools
Safari Web Browser
- Apple Safari Web development tools (
) - WebKit Drosera JavaScript Debugger ( WebKit:
)
