BetterWeb
Advanced Browser Intelligence
Built for power users
Four core modules — galaxy UI, media inspection, element overlay, and remote extensions
Galaxy New Tab
Premium animated starfield with parallax, shooting stars, nebula overlays. Glassmorphism search bar with multi-engine dropdown. 4K optimized.
Media Source Inspector
Detect all <video> and <audio> elements. Live dashboard shows currentSrc, duration, currentTime, paused state, playbackRate, readyState, networkState, MIME type. Updates every second.
ShowMode Developer Overlay
Hover to inspect any element. Floating tooltip shows tag, id, classes, dimensions, position, z-index, inline attributes, and tracked event listeners. Monitors dynamically injected scripts.
Remote Extension Installer
GitHub-powered registry. Fetch extensions from raw.githubusercontent.com. Permission modal with privacy policy and accept flow. IIFE-sandboxed execution. Enable/disable toggle per extension.
Project Structure
Complete Manifest V3 extension with modular architecture
Manifest V3 Configuration
Chrome's latest extension standard with scoped permissions:
{
"manifest_version": 3,
"name": "BetterWeb",
"permissions": [
"storage",
"scripting",
"activeTab"
],
"host_permissions": [
"<all_urls>",
"https://raw.githubusercontent.com/Heybrono/*"
],
"chrome_url_overrides": {
"newtab": "extension/newtab.html"
}
}Full Project Structure
Modular file layout under github.com/Heybrono/BetterWeb:
📁 website/
├── index.html ← Landing page
├── styles.css
└── main.js
📁 extension/
├── manifest.json ← Manifest V3
├── background.js ← Service worker
├── content-bridge.js ← Media + ShowMode
├── newtab.html ← New tab UI
├── newtab.css
├── newtab.js
├── registry.js ← Store fetcher
├── installer.js ← Install logic
└── storage.js ← Persistence
📁 store/
└── extensions.json ← Registry manifest
📄 README.md
📄 LICENSELoad the Extension
Load BetterWeb as an unpacked extension in Chrome Developer Mode:
chrome://extensions/extension folder from the repoExtension Store Registry
On startup, BetterWeb fetches extensions from a separate GitHub repository:
https://raw.githubusercontent.com/
Heybrono/BetterWeb-Store/
main/extensions.jsonextensions.json Template
Each extension entry requires an id, metadata, and raw GitHub entry URL:
{
"extensions": [
{
"id": "example-app",
"name": "Example App",
"publisher": "BetterWeb Store",
"version": "1.0.0",
"description": "Example extension.",
"privacy": "No data stored.",
"permissions": ["storage"],
"entry": "https://raw.githubusercontent.com/
Heybrono/BetterWeb-Store/main/
extensions/example-app/main.js"
}
]
}All remote JS is wrapped in a scoped IIFE — (function(){'use strict'; ...})(); — no global namespace pollution. Scripts are size-limited to 500KB. Stored in chrome.storage.local.
Content Script Architecture
A single content bridge (content-bridge.js) handles both Media Inspector and ShowMode:
chrome.runtime.onMessage.addListener((msg) => {
if (msg.action === 'toggleMediaInspector')
toggleMediaInspector(msg.enabled);
if (msg.action === 'toggleShowMode')
toggleShowMode(msg.enabled);
});
// Media: scans <video> <audio> every 1s
// ShowMode: hooks mousemove + addEventListenerExtension Registry
Preview the community extension store
MIT License
Free and open source — use, modify, distribute
MIT License
Copyright © 2025 leon.cgn.lx / Heybrono
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.