Why this guide?
Who is this guide for?
How to use this guide
Chrome DevTools is a set of web authoring and debugging tools built into Google Chrome. Use the DevTools to iterate, debug and profile a website, but in this guide, we’ll look at debugging specifically.
Firefox debug console makes it easy to debug code running on Firefox. Updated in 2017 to offer advanced search, navigation, and debugging capabilities, Firefox’s debugging tool is cited as one of the best.
Although Microsoft Edge is the latest version, many users still use IE as their main browsers, which is why we chose to include this guide. It’s still one of the most popular browsers, with global usage at 2.84%.
Opera’s switch to the Blink rendering engine in 2013 made debugging in Opera fast and efficient. The best news is that the process is similar to Chrome DevTools, and with the plethora of resources out there for Chrome, debugging in Opera is a breeze.
With Apple’s Safari Web Inspector, you’ll be debugging iOS apps in no time. Web Inspector is a powerful tool that makes it easy to modify, debug, and optimize your web and mobile apps. Web Inspector acts as your command center, and we’ll walk through exactly how to use it to debug your iOS apps.
Safari Develop Menu provides tools you can use to make sure your website works well with all standards-based web browsers. Develop Menu lives in Safari’s Advanced Preferences menu, and will help you debug Safari in a flash. Apple’s great UI is a bonus.
The Visual Studio debugger exists to help you observe the run-time behavior of your program and find any problems. This guide will show you step-by-step the most efficient way to debug your apps with the Visual Studio debugger.