The latest articles on DEV Community by OnTheMoon (@onthemoon). https://dev.to/onthemoon https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F4008065%2F4362b98b-e2de-45e1-b257-db74b4df835f.jpg https://dev.to/onthemoon en OnTheMoon Mon, 29 Jun 2026 12:26:57 +0000 https://dev.to/onthemoon/webtime-a-small-chrome-extension-for-seeing-where-browser-time-goes-5cjf https://dev.to/onthemoon/webtime-a-small-chrome-extension-for-seeing-where-browser-time-goes-5cjf <p>Hi DEV community!</p> <p>I wanted to share a small Chrome / Chromium extension called <strong>WebTime</strong>.</p> <p>WebTime shows how much time is spent on websites and individual pages.</p> <p>It is meant to be a simple local tool for understanding browser habits without using a full productivity platform or sending browsing data to a server.</p> <p>Recently I also shared another extension called Anti-chaos tabs, which helps organize messy browser tabs. WebTime is a separate project, but it follows a similar idea: simple browser tools that work locally.</p> <h2> What it does </h2> <p>WebTime tracks active browser time by domain and by page.</p> <p>For example, it can show time spent on:</p> <ul> <li>a domain, like <code>github.com</code> </li> <li>a specific page or URL</li> <li>today</li> <li>this week</li> <li>this month</li> <li>a selected date</li> </ul> <p>There is also a dashboard with search, filters, detailed tables, and export/import.</p> <h2> What problem it helps with </h2> <p>A lot of browser time is easy to lose track of.</p> <p>Sometimes a few quick pages turn into a long session. Sometimes it is hard to tell which sites take the most time during the day. Sometimes it is useful to check whether time was spent mostly on work pages, reading, videos, social sites, or research.</p> <p>WebTime gives a simple view of that activity.</p> <p>It is not designed to be a complicated productivity system. It is closer to a quiet browser time log that stays on the local machine.</p> <h2> How it works </h2> <p>WebTime counts time only when a normal web page is active.</p> <p>Tracking pauses when:</p> <ul> <li>the browser window is not focused</li> <li>another tab becomes active</li> <li>the URL changes</li> <li>the tab closes</li> <li>Chrome reports the user as idle</li> </ul> <p>Browser system pages like <code>chrome://extensions</code> are ignored.</p> <p>The extension stores data locally in the browser using IndexedDB.</p> <h2> Time limits </h2> <p>WebTime also supports optional time limits for domains.</p> <p>For example, a limit can be set for:</p> <ul> <li>30 minutes per day on one site</li> <li>2 hours per week on another site</li> <li>10 hours per month on a domain</li> </ul> <p>Each limit can have a different action:</p> <ul> <li>send a notification</li> <li>show a warning page</li> <li>block the site after the limit is reached</li> </ul> <p>The warning and block pages are local extension pages.</p> <h2> Privacy </h2> <p>WebTime is built to work locally.</p> <p>It does not use external servers.</p> <p>It does not collect analytics.</p> <p>It does not send browsing history anywhere.</p> <p>The tracked data stays in the browser profile.</p> <h2> Features </h2> <ul> <li>Time tracking by domain</li> <li>Time tracking by individual page</li> <li>Day, week, month, and selected-date filters</li> <li>Dashboard with search and tables</li> <li>JSON export and import</li> <li>Optional domain time limits</li> <li>Notifications, warning pages, and block pages</li> <li>Local storage with IndexedDB</li> <li>Several languages</li> <li>No analytics</li> <li>No server</li> </ul> <h2> Links </h2> <p><a href="https://chromewebstore.google.com/detail/kpofngclnajobdpcdbmebjgegpkokklb?utm_source=item-share-cb" rel="noopener noreferrer">Chrome Web Store</a></p> <p><a href="https://github.com/ON-7HE-MOON/WebTime" rel="noopener noreferrer">GitHub</a></p> <p><a href="https://dev.to/onthemoon/i-built-a-small-browser-extension-to-clean-up-messy-tabs-51o7">Previous project, Anti-chaos tabs</a></p> <h2> Feedback is welcome </h2> <p>WebTime is a small project, but it may be useful for people who want a simple way to understand where their browser time goes.</p> <p>Feedback is welcome, especially about what feels useful, what feels confusing, or what kind of browser time tracking features would be helpful.</p> showdev productivity chromeextension opensource OnTheMoon Mon, 29 Jun 2026 11:58:06 +0000 https://dev.to/onthemoon/i-built-a-small-browser-extension-to-clean-up-messy-tabs-51o7 https://dev.to/onthemoon/i-built-a-small-browser-extension-to-clean-up-messy-tabs-51o7 <p>Hi DEV community!</p> <p>I wanted to share a small project I made called <strong>Anti-chaos tabs</strong>.</p> <p>It is a Chrome / Edge extension that helps when your browser slowly turns into a mess of open tabs.</p> <p>You know that moment when you have too many tabs open and you look at them like: “what was I even doing here?”</p> <p>That was basically the problem I wanted to solve.</p> <h2> What it does </h2> <p>Anti-chaos tabs looks at your open tabs and tries to group related ones together.</p> <p>For example, it can put GitHub tabs into one group, Google Docs into another group, shopping pages into another group, and so on.</p> <p>You can click <strong>Group tabs</strong> and organize everything manually.</p> <p>Or, if you want, the extension can suggest grouping when you have too many tabs open. It can also group them automatically after a certain tab limit.</p> <h2> Why I made it </h2> <p>I often open a lot of tabs while working, reading, or searching for something.</p> <p>At first it feels fine. Then after a while there are 20, 30, 40 tabs, and I start losing the context.</p> <p>I forget:</p> <ul> <li>which tabs belong to the same task</li> <li>which tab I need right now</li> <li>what I opened “for later”</li> <li>why there are so many similar pages</li> </ul> <p>Browser tab groups are useful, but creating them by hand every time is a bit annoying.</p> <p>So I made a small tool that helps with that boring part.</p> <h2> How it works </h2> <p>The extension checks simple tab information, like:</p> <ul> <li>website address</li> <li>domain</li> <li>page title</li> <li>known services like GitHub, Google Workspace, Microsoft Office, OneDrive, shopping sites, and others</li> </ul> <p>Then it tries to find tabs that look related and creates browser tab groups.</p> <p>It does not read the page content.</p> <p>It does not send your tabs anywhere.</p> <p>Everything works locally in the browser.</p> <h2> Features </h2> <ul> <li>Manual tab grouping</li> <li>Automatic grouping after a tab limit</li> <li>Grouping by websites, services, URLs, and tab titles</li> <li>Separate groups for Google Docs, Sheets, Drive, Microsoft Office, OneDrive, etc.</li> <li>Option to collapse inactive groups</li> <li>Option to lock some groups so they stay open</li> <li>Works in Chrome and Edge</li> <li>Supports several languages</li> <li>No analytics</li> <li>No server</li> <li>No remote AI</li> </ul> <h2> Privacy </h2> <p>The extension does not collect browsing data and does not send tab URLs or titles to any server.</p> <p>It only uses the browser APIs needed to look at open tabs and create tab groups.</p> <h2> Links </h2> <p><a href="https://chromewebstore.google.com/detail/lclhgindfapbefefeeejdobnfjhlijjk?utm_source=item-share-cb" rel="noopener noreferrer">Chrome Web Store</a></p> <p><a href="https://github.com/ON-7HE-MOON/Anti-haos-tabs" rel="noopener noreferrer">GitHub</a></p> <h2> Feedback is welcome </h2> <p>This is a small project, but I think it can be useful for people who often work with many tabs.</p> <p>If you try it, I would be happy to hear what works well, what feels confusing, or what kind of grouping you would expect from an extension like this.</p> showdev productivity chromeextension opensource