Firefox Developer ToolsMozilla
|
LiveDebuggerSoftware Mansion
|
|||||
Related Products
|
||||||
About
Firefox Developer Tools is a set of web developer tools built into Firefox. You can use them to examine, edit, and debug HTML, CSS, and JavaScript. This section contains detailed guides to all of the tools as well as information on how to debug Firefox for Android, how to extend DevTools, and how to debug the browser as a whole. You can open the Firefox Developer Tools from the menu by selecting Tools > Web Developer > Web Developer Tools or use the keyboard shortcut Ctrl + Shift + I or F12 on Windows and Linux, or Cmd + Opt + I on macOS.
|
About
LiveDebugger is a development tool that makes Phoenix LiveView debugging simple by helping developers see what is happening inside their applications in real time. It gives teams a clear view of the LiveView and LiveComponent structure, making it easier to understand how components fit together and shape the interface. Developers can explore the component tree at a glance, quickly identify where issues originate, and navigate the hierarchy of a LiveView application without guessing which part of the UI is responsible for a problem. LiveDebugger also lets users inspect assigns for any LiveView or LiveComponent in real time, helping them track state transitions, understand data flow, and see how values change as they interact with the app. Its callback tracing tools make it possible to follow lifecycle callbacks, measure execution time, analyze performance, and filter events so developers can focus only on what matters.
|
|||||
Platforms Supported
Windows
Supported
Mac
Supported
Linux
Supported
Cloud
Supported
On-Premises
Not Supported
iPhone
Not Supported
iPad
Not Supported
Android
Not Supported
Chromebook
Not Supported
|
Platforms Supported
Windows
Not Supported
Mac
Not Supported
Linux
Not Supported
Cloud
Supported
On-Premises
Not Supported
iPhone
Not Supported
iPad
Not Supported
Android
Not Supported
Chromebook
Not Supported
|
|||||
Audience
Web developers interested in a suite of developer tools for Firefox
|
Audience
Developers and teams who need a real-time debugging tool to inspect component trees, assigns, callbacks, state transitions, and UI-to-component relationships
|
|||||
Support
Phone Support
Not Supported
24/7 Live Support
Not Supported
Online
Not Supported
|
Support
Phone Support
Not Supported
24/7 Live Support
Not Supported
Online
Supported
|
|||||
API
Offers API
Not Supported
|
API
Offers API
Not Supported
|
|||||
Screenshots and Videos |
Screenshots and Videos |
|||||
Pricing
Free
Free Version
Supported
Free Trial
Not Supported
|
Pricing
Free
Free Version
Supported
Free Trial
Not Supported
|
|||||
Reviews/
|
Reviews/
|
|||||
Training
Documentation
Supported
Webinars
Not Supported
Live Online
Not Supported
In Person
Not Supported
|
Training
Documentation
Supported
Webinars
Not Supported
Live Online
Not Supported
In Person
Not Supported
|
|||||
Company InformationMozilla
Founded: 1999
United States
developer.mozilla.org/en-US/docs/Tools
|
Company InformationSoftware Mansion
Founded: 2012
Poland
docs.swmansion.com/live-debugger/
|
|||||
Alternatives |
Alternatives |
|||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
|
|||||
Categories |
Categories |
|||||
Integrations
Mozilla Firefox
Supported
Elixir
Not Supported
Firefox Developer Edition
Supported
Google Chrome
Not Supported
|
Integrations
Mozilla Firefox
Supported
Elixir
Supported
Firefox Developer Edition
Not Supported
Google Chrome
Supported
|
|||||
|
|
|