Learn how to use a Rails Debugger in Chrome DevTools!
Learn how to query elements quickly in Google Chrome!
Use the profile and profileEnd functions to create new CPU profiles!
Learn how to use the queryObjects utility in Google Chrome!
Learn how to use the monitorEvents utility in Google Chrome!
Learn how to use the monitor utility in Google Chrome!
Learn about the shortcuts to Object.keys and Object.values!
Learn how to find the event listeners attached to a DOM element!
Learn how to use the inspect utility in multiple browsers!
Learn how to use the debug utility in Google Chrome!
Learn how to use the copy utility in multiple browsers!
Learn how to use the console.assert method!
Use console.clear and keyboard shortcuts to clear the console!
Use console.time to measure how long it takes to run your code!
Learn about the info, warning, error, and verbose log levels!
Use console.dir to print HTML as a JavaScript object!
Use console.count to count function calls!
Use console.trace to analyze the stack trace of a function call!
Learn how to add colors to your console logs!
Use console.group and console.groupEnd to organize your console logs!
Display arrays and objects in a nicer format!
Grab colors from anywhere in the Google Chrome browser!
Learn how to run the Node.js debugger easily!
Learn how to debug websites in an Android device using Chrome DevTools!
Find all media query breakpoints in a website!