Tab Duration

An extension to track your browsing time, Tab Duration offers clean daily, weekly, and monthly insights to help you understand your online habits. It works seamlessly across Chromium-based browsers and runs entirely locally.

---

🔍 Preview

Note

No data is ever sent to an external server. This extension stores all data locally on your device.

---

✨ Features

• Automatic Time Tracking: Tracks time spent on active tabs without any manual input.
• Multiple Views:
  • Daily: See a breakdown of sites visited today.
  • Weekly: Get a summary of time spent each day of the current week.
  • Monthly: See your daily totals for the entire current month.
• Detailed Drill-Down: Click on any day in the weekly or monthly view to see the specific site data for that day.
• Dark & Light Mode: Switch between themes based on your preference.
• Data Management:
  • Export to CSV: Download your browsing time history as a CSV file, perfect for viewing and analyzing in Excel.
  • Reset Data: Clear all tracked data easily.
• Zero Dependencies: Built with vanilla JavaScript, HTML, and CSS.

---

🌐 Available on Microsoft Edge Add-ons

Tab Duration is now officially available on the Microsoft Edge Add-ons store

👉 Install from Microsoft Edge Add-ons

If you're not using Edge, check the steps below for manual installation.

---

🚀 Installation (Manual Load)

This extension works on all Chromium-based browsers (e.g., Chrome, Brave, Edge)

Option 1: ZIP File (Recommended for most users)

1. Download the Code: Click here to download the project as a ZIP file.
2. Unzip the File: Extract the contents of the ZIP file to a folder on your computer.

Option 2: Git Clone (For developers)

1. Clone the Repository: Open your terminal and run the following command:

   git clone https://github.com/AdityaLF/Tab-Duration.git

Loading the Extension

After extracting the files, follow these steps to load it into your browser:

1. Open the Extensions Page:

   • In Chrome or Brave, navigate to chrome://extensions
   • In Microsoft Edge, navigate to edge://extensions

2. Enable Developer Mode: Find the "Developer mode" toggle and turn it on.

3. Load the Extension:

   • Click the "Load unpacked" button.
   • Select the folder where you unzipped or cloned the project (e.g., Tab-Duration).

✅ The Tab-Duration icon will now appear in your browser's toolbar!

---

👤 Author

• GitHub: @AdityaLF
• Discord: @AdityaLF
• Support Me: ko-fi.com/AdityaLF

---

📄 License

This project is not open source. All code, assets, and content are the intellectual property of AdityaLF.

Usage is subject to the terms described in the LICENSE file.
Unauthorized modification, redistribution, or commercial use is strictly prohibited.