Floating Console Extension

A draggable in-page debug console with dark and light themes. View logs, errors, and warnings instantly without opening DevTool perfect for faster debugging, testing, and monitoring with zero window clutter.

Installation

1. Clone the repository:

   git clone https://github.com/mrepol742/floating-console-extension.git --depth 1

2. Open Chrome and navigate to chrome://extensions/.
3. Enable "Developer mode" using the toggle in the top right corner.
4. Click "Load unpacked" and select the cloned repository folder.
5. The extension should now be installed and the floating console will appear on any webpage.
6. Click the console icon in the top right corner of the page to toggle the console visibility.
7. Use the console to view logs, errors, and warnings in real-time as you interact with the webpage.

Keyboard Shortcuts

Use these shortcuts to control the in-page debug console without opening DevTools.

Toggle Console Visibility

Show or hide the debug console instantly.

• Windows / Linux: Ctrl + Shift + Y
• macOS: Command + Shift + Y

Toggle Floating Mode

Switch between docked and floating panel modes.

• Windows / Linux: Ctrl + Shift + U
• macOS: Command + Shift + U

Customize Shortcuts

You can change these shortcuts anytime:

1. Open chrome://extensions/shortcuts
2. Find the extension
3. Assign your preferred key combinations

Tip: Choose shortcuts that don’t conflict with your workflow or other extensions.

License

This project is licensed under the MIT License - see the LICENSE file for details.