Tech-Stack-Detektor
Erkennen Sie Frameworks, Analyse-Tools, CDN und weitere Technologien aus eingefügtem HTML-Quellcode. Identifiziert über 33 Technologien in 4 Kategorien.
Aktualisiert am
Tech Stack Detector
Paste HTML source code to detect frameworks, analytics tools, CDN providers, and other technologies used on any website.
HTML Source Input
Summary
Paste HTML source code to detect technologies.
Häufig gestellte Fragen
Was ist der Tech-Stack-Detector?
Der Tech-Stack-Detector ist ein kostenloses Online-Tool, das aus eingefügtem HTML-Quellcode Frameworks, Analyse-Tools, CDNs und andere Technologien erkennt. Es identifiziert mehr als 33 Technologien in 4 Kategorien. Es läuft vollständig in deinem Browser, ohne Installation oder Anmeldung.
Wie funktioniert die Erkennung?
Es durchsucht das HTML nach bekannten Mustern: Skript-Referenzen, Meta-Tags, Klassennamen und globalen Variablen, die mit bestimmten Technologien verknüpft sind, und vergibt dann eine Konfidenz (Hoch/Mittel/Niedrig).
Welche Technologien?
Über 33: React, Next.js, Vue, Nuxt, Angular, Svelte, jQuery, Bootstrap, Tailwind, WordPress, Shopify, GA, GTM, FB Pixel, Hotjar, Clarity, Cloudflare, Vercel, AWS und mehr.
Wird mein HTML hochgeladen?
Nein. Die gesamte Analyse läuft clientseitig in deinem Browser.
Ist der Tech-Stack-Detector kostenlos nutzbar?
Ja, der Tech-Stack-Detector ist zu 100 % kostenlos – ohne Registrierung, ohne versteckte Gebühren und ohne Nutzungsbeschränkungen. Die gesamte Verarbeitung erfolgt lokal in deinem Browser und gewährleistet vollständige Privatsphäre.
Sind meine Daten mit diesem Tool sicher?
Auf jeden Fall. Der Tech-Stack-Detector verarbeitet alles clientseitig in deinem Browser. Es werden keine Daten auf einen Server hochgeladen oder dort gespeichert. Deine Inhalte bleiben jederzeit privat auf deinem Gerät.
Funktioniert der Tech-Stack-Detector auf Mobilgeräten?
Ja, der Tech-Stack-Detector ist vollständig responsiv und funktioniert auf Smartphones und Tablets. Du kannst ihn auf jedem Gerät mit einem modernen Webbrowser nutzen – ohne App-Download.
Muss ich ein Konto erstellen, um dieses Tool zu nutzen?
Es ist kein Konto und keine Registrierung erforderlich. Öffne einfach den Tech-Stack-Detector in deinem Browser und beginne sofort mit der Nutzung. Es gibt keine Anmeldeschranken oder Nutzungsbeschränkungen.
Wie verwende ich den Tech-Stack-Detector?
Gib einfach deine Daten in das vorgesehene Feld ein, passe die Einstellungen nach Belieben an, und das Tool verarbeitet sie sofort. Anschließend kannst du das Ergebnis in die Zwischenablage kopieren oder herunterladen.
Welche Browser werden unterstützt?
Der Tech-Stack-Detector funktioniert in allen modernen Browsern, darunter Chrome, Firefox, Safari, Edge und Opera. Für das beste Erlebnis verwende die neueste Version deines bevorzugten Browsers.
Was ist der Unterschied zwischen Hoch, Mittel und Niedrig bei der Konfidenz der Ergebnisse?
Die Konfidenz zeigt, wie viele Belege im HTML auf eine Technologie hindeuten. Jedes gefundene Muster — eine Script-Referenz, ein Framework-spezifisches Attribut, ein globales Objekt, ein verräterischer Pfad — trägt ein bestimmtes Gewicht, und die Summe dieser Gewichte legt die Stufe fest. Hoch bedeutet, dass mehrere starke Signale übereinstimmen, sodass die Technologie so gut wie sicher vorhanden ist. Mittel bedeutet ein solides Signal oder mehrere schwächere, was meist zuverlässig ist, aber einen Blick wert bleibt. Niedrig bedeutet einen einzelnen schwachen Treffer, etwa eine generische Utility-Klasse, der Zufall sein kann und einer genaueren Prüfung bedarf, bevor man ihm vertraut. Da die tatsächlichen Signale neben jedem Ergebnis aufgelistet werden, kannst du einen Fund überprüfen statt ihn blind zu glauben. Füge oben den Quellcode einer Seite ein und kontrolliere selbst die Belege hinter jeder Konfidenzbewertung.
Wie bekomme ich den HTML-Quellcode einer Website, um ihn in den Detector einzufügen?
Öffne die gewünschte Seite in deinem Browser, klicke irgendwo mit der rechten Maustaste und wähle "Seitenquelltext anzeigen" — oder nutze die Tastenkombination Strg+U unter Windows und Linux beziehungsweise Cmd+Option+U auf einem Mac. Ein neuer Tab öffnet sich mit dem rohen HTML, das der Server gesendet hat. Markiere alles (Strg+A oder Cmd+A), kopiere es und füge es in das Eingabefeld des Tools ein. Verwende nicht "Element untersuchen", da dies das live veränderte, durch JavaScript modifizierte DOM zeigt und nicht das ursprüngliche Markup mit den saubersten Technologie-Fingerabdrücken. Wenn du das Tool erst ausprobieren möchtest, klicke auf "Beispiel-HTML laden", um eine Demo-Seite mit WordPress, jQuery, Tag Manager, dem Facebook Pixel, Hotjar und Stripe zu laden, und starte den Scan, um zu sehen, wie die Ergebnisse aussehen.
Warum übersieht der Detector Technologien, von denen ich weiß, dass eine Website sie nutzt?
Die Erkennung ist musterbasiert und findet daher nur, was im eingefügten HTML tatsächlich sichtbar ist. Stark minifizierte, gebündelte oder serverseitig gerenderte Seiten entfernen oft genau die erkennbaren Referenzen und Attribute, die als Fingerabdrücke dienen, und verbergen so Technologien, die tatsächlich vorhanden sind. Tools, die erst später per JavaScript nachgeladen, über einen Tag Manager eingebunden oder hinter einem Login oder einer Paywall versteckt werden, tauchen im rohen Quellcode möglicherweise gar nicht auf. Manche Plattformen leiten ihre Assets zudem über Proxys um oder benennen sie um, wodurch die verräterischen Pfade verschwinden, nach denen der Scanner sucht. Das ist die gleiche Einschränkung, mit der jeder quellcodebasierte Detector konfrontiert ist, und deshalb spiegeln die Ergebnisse das Markup wider, nicht die gesamte laufende Website. Für das vollständigste Bild füge den kompletten Seitenquelltext ein statt nur eines Ausschnitts, und werte ein sauberes Ergebnis als Beleg für genau dieses HTML.
Wie unterscheidet sich das Tool von Wappalyzer oder BuiltWith?
Wappalyzer und BuiltWith rufen in der Regel eine URL für dich ab, laufen als Browser-Erweiterung oder erfordern Accounts und kostenpflichtige Pläne, und sie rendern die Seite oft live, um sie zu untersuchen. Dieser Tech Stack Detector analysiert stattdessen HTML, das du selbst einfügst, wodurch alles clientseitig bleibt: Dein Markup wird in deinem Browser gescannt, niemals hochgeladen, ohne Registrierung und ohne Nutzungsgrenzen. Dieser Kompromiss macht ihn zu einer schnellen, privaten Alternative ohne Account für Stichprobenprüfungen, Anbieterbewertungen und Wettbewerbsanalysen — allerdings sieht er nur den bereitgestellten Quellcode und crawlt keine ganze Website. Er erkennt 33+ Technologien aus den Bereichen Frameworks, Analytics, CDN und Hosting sowie sonstige Dienste und zeigt die genauen Signale hinter jedem Treffer. Füge oben den Quellcode einer Seite ein, um ihren Stack zu inventarisieren, ohne eine Erweiterung zu installieren oder ein Konto anzulegen.
Kann ich die erkannten Technologien als Bericht oder Tabelle exportieren?
Ja. Nach einem Scan werden die Ergebnisse automatisch nach Kategorie gruppiert — Frameworks und Bibliotheken, Analytics, CDN und Hosting sowie Sonstiges —, ergänzt durch ein Übersichtspanel, das die Gesamtzahlen und die Aufteilung nach Hoch-, Mittel- und Niedrig-Konfidenz zählt. Von dort aus stehen dir zwei Exportoptionen zur Verfügung. Du kannst einen formatierten Textbericht direkt in die Zwischenablage kopieren, was sich gut zum Einfügen von Ergebnissen in eine Nachricht, ein Ticket oder Notizen eignet. Oder du lädst eine CSV-Datei herunter, die jede Technologie zusammen mit ihrer Kategorie, Konfidenzstufe und den konkreten Belegen für den Treffer auflistet. Die CSV lässt sich problemlos in Excel, Google Sheets oder jeder anderen Tabellenkalkulation öffnen, wodurch sich Audit-Protokolle erstellen, mehrere Seiten vergleichen oder eine dokumentierte Aufschlüsselung mit einem Team teilen lassen. Füge etwas HTML ein, führe die Erkennung aus und nutze eine der beiden Exportoptionen, um die Ergebnisse festzuhalten.
Embed This Tool
Add a free, live version of this widget to your own website or blog post — it runs entirely in your visitors' browsers, with a credit link back to The Toolbox.
<iframe src="https://getthetoolbox.com/embed/tech-stack-detector" title="Tech Stack Detector — The Toolbox" width="100%" height="300" style="max-width:480px;border:1px solid #e2e8f0;border-radius:12px" loading="lazy"></iframe>
<p style="font-size:12px;margin:4px 0 0"><a href="https://getthetoolbox.com/website-tools/tech-stack-detector?utm_source=embed&utm_medium=widget" target="_blank" rel="noopener">Free Tech Stack Detector</a> by The Toolbox</p>Verwandte Tools
Kostenloser Website-Geschwindigkeitstest
Analysiere die Ladezeit deiner Seiten, Leistungskennzahlen und Optimierungspotenziale deiner Website. Kostenlos, schnell und komplett im Browser, ohne Anmeldung.
Kostenloser Mobile-Friendly-Test
Prüfe, ob deine Website für mobile Geräte optimiert ist. Kostenlos, schnell und komplett im Browser, ohne Anmeldung.
Kostenloser Meta-Tag-Extraktor
Extrahiere und prüfe alle Meta-Tags einer beliebigen Webseite für SEO- und Social-Media-Analysen. Kostenlos, schnell und komplett im Browser, ohne Anmeldung.
Kostenloses Website-Screenshot-Tool
Erstelle Ganzseiten- oder Viewport-Screenshots jeder Webseite für Design-Reviews und Tests. Kostenlos, schnell und komplett im Browser, ohne Anmeldung.
Über den Tech Stack Detector
Der Tech Stack Detector ist ein kostenloses Tool, das den HTML-Quellcode einer beliebigen Webseite ausliest und dir zeigt, mit welchen Technologien sie gebaut wurde. Füge das Markup ein, und das Tool durchsucht es nach den Fingerabdrücken, die Frameworks, Analytics-Skripte, CDNs und Drittanbieter-Dienste hinterlassen — anschließend listet es jede gefundene Technologie samt Beleg und einer Konfidenzbewertung auf. Es ist eine leichtgewichtige Alternative ohne Account zu Diensten wie Wappalyzer oder BuiltWith und richtet sich an Entwickler, Marketer, Wettbewerbsanalysten und alle, die neugierig sind, wie eine Website aufgebaut ist.
Anders als Browser-Erweiterungen oder Crawler, die eine URL für dich abrufen, arbeitet dieses Tool mit HTML, das du selbst bereitstellst. Dadurch bleibt alles vollständig clientseitig: Das eingefügte Markup wird direkt in deinem Browser analysiert und niemals an einen Server übertragen. Es wird nichts gespeichert, es gibt keine Registrierung und keine Nutzungsgrenzen.
Was erkannt wird
Der Detector erkennt 33+ Technologien, sortiert in vier Kategorien:
- Frameworks & Bibliotheken — React, Next.js, Vue.js, Nuxt.js, Angular, Svelte, jQuery, Bootstrap, Tailwind CSS sowie Website-Baukästen und CMS-Plattformen wie WordPress, Shopify, Wix, Squarespace und Webflow.
- Analytics — Google Analytics, Google Tag Manager, Facebook Pixel, Hotjar, Microsoft Clarity, Segment, Mixpanel, Plausible und Matomo.
- CDN & Hosting — Cloudflare, Vercel, Netlify, AWS, Google Cloud und Fastly.
- Sonstiges — Font Awesome, Google Fonts, reCAPTCHA, Stripe und Intercom.
Zu jeder erkannten Technologie werden die konkreten Signale angezeigt, die den Treffer ausgelöst haben — so kannst du ein Ergebnis überprüfen, statt es blind zu übernehmen.
Wie die Erkennung funktioniert
Jede Technologie hinterlässt erkennbare Spuren im HTML einer Seite. Der Detector gleicht jede Signatur mit mehreren Mustern ab: Script- und Stylesheet-Referenzen (etwa react-dom.js oder cdn.shopify.com), Framework-spezifisches Markup (Vues data-v--Attribute, Angulars ng-version, Next.js' __NEXT_DATA__-Block), globale JavaScript-Objekte und verräterische Pfade wie wp-content/ oder /_next/. Jedes gefundene Muster hat ein bestimmtes Gewicht, und die Summe dieser Gewichte ergibt eine Konfidenzstufe:
- Hoch — mehrere starke Signale stimmen überein; die Technologie ist so gut wie sicher vorhanden.
- Mittel — ein solides Signal oder mehrere schwächere.
- Niedrig — ein einzelner schwacher Treffer, der einen genaueren Blick lohnt, aber auch Zufall sein kann.
Da die Erkennung musterbasiert ist, spiegelt sie nur wider, was im eingefügten Quellcode tatsächlich sichtbar ist. Stark minifizierte, serverseitig gerenderte oder durch eine Paywall geschützte Seiten können Signale verbergen, und eine generische Utility-Klasse kann gelegentlich fälschlich auf ein Framework hindeuten, das gar nicht vorhanden ist — genau deshalb werden die Belege immer mit angezeigt.
Quellcode beschaffen und einlesen
Um eine Live-Seite zu analysieren, öffne sie in deinem Browser, klicke mit der rechten Maustaste und wähle "Seitenquelltext anzeigen" (oder drücke Strg+U / Cmd+Option+U), markiere alles, kopiere es und füge das Markup in das Eingabefeld ein. Wenn du das Tool erst einmal ausprobieren möchtest, füllt der Button "Beispiel-HTML laden" eine Demo-Seite ein, die mit WordPress, jQuery, Google Tag Manager, dem Facebook Pixel, Hotjar, Stripe und mehr bestückt ist. Die Ergebnisse werden automatisch nach Kategorie gruppiert, ergänzt durch ein Übersichtspanel mit Gesamtzahlen und der Aufteilung nach Hoch-/Mittel-/Niedrig-Konfidenz. Du kannst einen formatierten Textbericht in die Zwischenablage kopieren oder eine CSV-Datei mit jeder Technologie, ihrer Kategorie, Konfidenz und den zugehörigen Belegen herunterladen — praktisch für Audits, Tabellenkalkulationen oder das Teilen von Ergebnissen.
Warum das nützlich ist
Den Stack einer Website zu kennen, beantwortet echte Fragen. Wettbewerbsanalysten sehen, welche Analytics- und Marketing-Tools Konkurrenten einsetzen. Entwickler, die einen Anbieter, ein Plugin oder eine Agentur prüfen, können bestätigen, was tatsächlich ausgeliefert wurde. Marketer erkennen, ob eine Seite bereits einen Tag Manager oder ein Pixel enthält, bevor sie Änderungen anfordern. Sicherheits- und Datenschutzprüfer können die Drittanbieter-Skripte einer Seite inventarisieren. Und wer eine Website migriert oder neu aufbaut, kann schnell dokumentieren, wovon die bestehende Seite abhängt. Füge oben etwas HTML ein, um die vollständige Aufschlüsselung zu sehen.