whatsit

A Chrome extension that detects technologies used by the current page.

Click the extension icon to scan the active tab and see what frameworks, CDNs, fonts, analytics, hosting, and other technologies the page uses. Detection is based on loaded resources (performance.getEntriesByType('resource')) and DOM inspection.

Permissions

• activeTab — access the current tab only when you click the icon
• scripting — inject the detection script

No background processes, no persistent access, no data collection.

Install

1. chrome://extensions -> Enable "Developer mode"
2. "Load unpacked" -> select this directory

Adding checks

Detection rules live in content.js as an array of check objects:

{
  name: "Example",
  category: "Framework",
  detect({ resources, dom }) {
    const m = resources.find((r) => r.name.includes("example.com"));
    if (m) return urlHost(m.name);
  },
}

detect receives resources (array of PerformanceResourceTiming) and dom ({ generator, html, documentElement }). Return a string detail if detected, true for no detail, or falsy if not detected. Don't return the technology name — it's already shown.

Example