Web Development Tools

For web developers, &brandShortName; provides several tools to aid in developing and debugging web applications. Some of these are optional installs. To access these tools, open the Tools menu and choose Web Development.

• Error Console: a console window that reports problems with JavaScript and CSS code in web applications and the &brandShortName; application itself. By default, CSS parsing errors and JavaScript errors are displayed. The console can also be used to display logged messages from XUL and JavaScript code.
• DOM Inspector: a tool that can be used to inspect and edit the DOM of any web document or XUL application.

  Online resources:

  • DOM Inspector(developer.mozilla.org)
  • Creating Applications with Mozilla - Appendix B3: The DOM Inspector
• Developer Tools: &brandShortName; includes a set of developer tools that can be docked to the bottom of a browser window or used in a separate window. The Toggle Tools command in the Web Development menu can be used to open and close the Developer Tools. The Developer Tools are shared with Firefox. To learn more about the Developer Tools, visit the Firefox Developer Tools site.
• WebIDE: &brandShortName; includes Developer Tools WebIDE, which can be used to debug other web sites or Gecko-based applications running on the same computer, or on another device (such as a smartphone) through a USB or network connection. To learn more, visit the Remote Debugging page at MDN. Note that you may not be able to debug applications that are newer than the included version of WebIDE.