top

Debugger.html - Modern JavaScript Debugger from Mozilla

Recently, Mozilla has launched a JavaScript debugger, an open source debugger.html tool. The JavaScript debugger has the capability of debugging multiple targets and can work in a standalone mode. Mozilla wants to redo its developer tools by using the React JavaScript Library. Debugger.html is actually a modern JavaScript debugger and it is developed as a web application with the help of React and Redux. It is still in the development stage but it will certainly replace the current debugger in Firefox Developer Tools. Debugger.html has three main regions in its user interface and the tool will be available in the Firefox Nightly version of Firefox DevTools. 1. Source Panel - Displaying current source for the application being debugged. 2. Editor Panel - It displays source files and settings breakpoints. 3. Right Sidebar - Consisting of call stack, current breakpoints, and variables when the debugger is paused. Currently, Debugger.html is used in the debugging process of Firefox via Firefox Remote Debugging Protocol (RDP). Chrome browser and Node.js can also connect with debugger.html to debug chrome tabs and node processes respectively. Mozilla is using React and Redux and as a result of it, they are shifting their Firefox tools away from XML User Interface Language (XUL). React and Redux simplifies code into smaller modules. Mozilla's Bryan Clark, Firefox developer tools product manager said, “We believe this will make the debugger and all of our future developer tools more approachable, predictable, understandable, and testable". Read more on debugger.html here.
Rated 4.0/5 based on 20 customer reviews
Normal Mode Dark Mode

Debugger.html - Modern JavaScript Debugger from Mozilla

Geneva Clark
What's New
17th Sep, 2016
Debugger.html - Modern JavaScript Debugger from Mozilla

Recently, Mozilla has launched a JavaScript debugger, an open source debugger.html tool. The JavaScript debugger has the capability of debugging multiple targets and can work in a standalone mode. Mozilla wants to redo its developer tools by using the React JavaScript Library.

Debugger.html is actually a modern JavaScript debugger and it is developed as a web application with the help of React and Redux. It is still in the development stage but it will certainly replace the current debugger in Firefox Developer Tools.

Debugger.html has three main regions in its user interface and the tool will be available in the Firefox Nightly version of Firefox DevTools.

1. Source Panel - Displaying current source for the application being debugged.

2. Editor Panel - It displays source files and settings breakpoints.

3. Right Sidebar - Consisting of call stack, current breakpoints, and variables when the debugger is paused.

Currently, Debugger.html is used in the debugging process of Firefox via Firefox Remote Debugging Protocol (RDP). Chrome browser and Node.js can also connect with debugger.html to debug chrome tabs and node processes respectively.

Mozilla is using React and Redux and as a result of it, they are shifting their Firefox tools away from XML User Interface Language (XUL). React and Redux simplifies code into smaller modules. Mozilla's Bryan Clark, Firefox developer tools product manager said, “We believe this will make the debugger and all of our future developer tools more approachable, predictable, understandable, and testable".

Read more on debugger.html here.

Geneva

Geneva Clark

Blog Author
Geneva specializes in back-end web development and has always been fascinated by the dynamic part of the web. Talk to her about modern web applications and she and loves to nerd out on all things Ruby on Rails.

Leave a Reply

Your email address will not be published. Required fields are marked *

SUBSCRIBE OUR BLOG

Follow Us On

Share on

other Blogs

20% Discount