Debugging can be tedious and even more frustrating when you could’t easily locate the bug.
Hide Third-Party Scripts
Third-party scripts filling up your console?
To activate this feature, go toSettings > Ignore list > Automatically add known third-party scriptsto the ignore list.
When you kick off the files again, the console will show only relevant files associated with your program.
you could now see your code without distraction.
Chrome Developer tools give you a detailed view of asynchronous operations and their root causes.
In previous versions, only the events that led to the operation were visible.
The latest devTools show the entire chain of operations and their root causes.
Google has configured aconsole.createTask()method in Chrome 106.
This method enables frameworks to perform stack traces on the console.
Debugging JavaScript using devtools is just as easy asdebugging CSS using chrome.
Track Interactions in the Performance Panel
Track new Interactions in thePerformancepanel to identify potential responsiveness issues to your utility.
In Chrome 106, all interactions show in the Interactions track after an operation.
The track shows the source of the interactions and their IDs.
Tracking helps to identify the source and intercept it accordingly.
A 2.5sec or below is a good performance score.
To see the insights navigate toperformance panel>3-dot-menu-more tolls>performance insights.
When you replay a recording, theDetailspanel will show the load timings.
Chrome 106’s additions will enable you to manage your app and optimize its performance.
Go ahead and enjoy these benefits by updating to the latest version of Chrome 106.
