Total Transparency: Introducing Debug Mode for Pro Users

Debug Mode Console Output

BlockDistraction is designed to be a silent guardian of your productivity. It works quietly in the background, ensuring you stay focused without interrupting your workflow. However, for our "Power Users" – developers, tech enthusiasts, and those who simply love to see how things work – silence isn't always enough. You want to see the gears turning.

That is why we are excited to introduce a new, advanced feature exclusively for our Pro subscribers: Debug Mode.

What is Debug Mode?

🚫 Elements Console Sources Network 1 user message
GoPro [09:15:02.011] Dev/Reviewer mode is active (loaded from storage)
ProManager [09:15:02.045] Pro features enabled: Debug Mode active.
OptionsPage [09:15:02.120] Options: Fetching 12 active rules from storage.
RulesUI [09:16:45.330] User action: Created new block rule
β–Ά { domain: "twitter.com", schedule: "work_hours", enabled: true }
OptionsPage [09:16:45.450] Rule saved successfully. Syncing to Service Worker...
Worker [09:16:45.510] DNR Rules updated. Blocking is live.

Debug Mode opens a window into the "brain" of the extension. When enabled, BlockDistraction begins to log internal events directly to your browser's Developer Console. This isn't just a static report; it's a real-time stream of the extension's decision-making process.

This feature was originally built for our internal development to ensure every update is bug-free. We realized that this level of transparency is something our community would value, so we polished it and made it available to you.

How It Works

We've designed Debug Mode to be informative and easy to read. Here is what you can expect when you turn it on:

1. Real-Time Event Logging

Every significant action is logged immediately. Whether you click a button in the popup, change a blocking status, or create a new rule, it appears in the console instantly.

2. Color-Coded for Readability

Raw text logs can be hard to parse. To make the information accessible, we use distinct colors for different types of messages. This allows you to visually scan the console and quickly identify the information you need.

3. Deep Context Awareness

It’s not enough to know what happened; you need to know where it happened. The logs provide precise context, including:

Why Use Debug Mode?

You might be wondering, "I'm not a developer, why do I need this?" Here are a few practical use cases:

How to Enable Debug Mode

Because this is an advanced feature, it is tucked away in the settings to keep the interface clean for casual users.

  1. Make sure you have an active Pro subscription.
  2. Navigate to the Settings Page of the extension.
  3. Locate the input field designated for advanced configuration.
  4. Toggle the Debug Mode option.
  5. Open your browser's Developer Tools (F12 or right-click > Inspect) and watch the Console tab come to life!

Unlock the Full Potential

Debug Mode is just one of the many powerful tools available in BlockDistraction Pro. From strict password protection to detailed scheduling and now deep technical insights, Pro gives you complete control over your digital environment.

Also compatible with Opera, Edge, Brave, and Kiwi Browser.