Frontend Debugging Beyond the Basics

As a web developer, you’ve likely relied on console.log countless times—but what if there’s a more efficient way to debug? Yet, many overlook the vast capabilities of browser DevTools that go far beyond basic logging.

In this session, we’ll reveal hidden gems within DevTools, showcasing powerful techniques and underutilised features that can transform your debugging approach. We’ll cover everything from debugging hidden elements to harnessing tools like Visual Coverage, Animation Timeline, Performance panels, and many more. Prepare to receive around 20 tips that will elevate your debugging game and streamline your workflow.

Many of us miss out on essential DevTools features simply because we assume they’re common knowledge. Consider this an information buffet—I’ll lay out a range of tools for you to choose from. Let’s dive in with curiosity and reshape the way you approach debugging!