Logobild des Artikels für CSS Viewer – CSS jedes Elements inspizieren und kopieren

CSS Viewer – CSS jedes Elements inspizieren und kopieren

css-viewer.com
Empfohlen
Medienelement 2 (Screenshot) für CSS Viewer – CSS jedes Elements inspizieren und kopieren
Medienelement 3 (Screenshot) für CSS Viewer – CSS jedes Elements inspizieren und kopieren
Medienelement 1 (Screenshot) für CSS Viewer – CSS jedes Elements inspizieren und kopieren
Medienelement 2 (Screenshot) für CSS Viewer – CSS jedes Elements inspizieren und kopieren
Medienelement 3 (Screenshot) für CSS Viewer – CSS jedes Elements inspizieren und kopieren
Medienelement 1 (Screenshot) für CSS Viewer – CSS jedes Elements inspizieren und kopieren
Medienelement 2 (Screenshot) für CSS Viewer – CSS jedes Elements inspizieren und kopieren
Medienelement 1 (Screenshot) für CSS Viewer – CSS jedes Elements inspizieren und kopieren
Medienelement 2 (Screenshot) für CSS Viewer – CSS jedes Elements inspizieren und kopieren
Medienelement 3 (Screenshot) für CSS Viewer – CSS jedes Elements inspizieren und kopieren

Übersicht

CSS auf jeder Seite inspizieren. Übereinstimmende Regeln, berechnete Stile, SCSS, Tailwind und JSX anzeigen.

Über ein Element hovern. CSS sehen. Kopieren. Fertig. CSS Viewer zeigt dir genau die Stile, die auf ein Element auf einer beliebigen Seite angewendet werden. Kein Durchwühlen von DevTools-Panels, keine Suche durch Stylesheets. Zeige einfach auf etwas und bekomme das CSS. Was du bekommst • Übereinstimmende CSS-Regeln — Sieh jede Regel, die auf ein Element angewendet wird, in Spezifitäts-Reihenfolge. Überschriebene Eigenschaften werden durchgestrichen angezeigt, damit du weißt, was tatsächlich aktiv ist. • Berechnete Stile — Die endgültigen, aufgelösten Werte für jede Eigenschaft. Was der Browser wirklich rendert. • Durchreich-Modus — Halte Alt gedrückt (oder schalte das Icon um), um normal mit der Seite zu interagieren — nützlich zum Inspizieren von Hover-Zuständen, Dropdowns und Modals. • Ein-Klick-Kopieren — Klicke auf ein Element, um seine Stile im gerade angezeigten Format zu kopieren. Pro • SCSS-, Tailwind- oder JSX-Ausgabe — Konvertiere das CSS jedes Elements in das Format, das du tatsächlich verwendest. SCSS behält die Verschachtelung; Tailwind gibt dir Utility-Klassen; JSX gibt ein Inline-Stilobjekt aus. • Element-Popovers anpinnen — Drücke die Leertaste, um das aktuelle Popover an Ort und Stelle anzupinnen. Ziehen, Größe ändern, scrollen. Pinne so viele an, wie du willst, für einen Vergleich nebeneinander. • Jede Eigenschaft verfolgen — Klicke in einem angepinnten Popover auf das Fadenkreuz neben einer Eigenschafts-Zeile. Jedes Element auf der Seite, das denselben Wert verwendet, leuchtet auf. Kombiniere mehrere Filter über Pins hinweg für UND-Matching. Wie es funktioniert 1. Klicke auf das CSS Viewer-Icon oder drücke Alt+Shift+C 2. Hover über Elemente, um ihr CSS zu sehen 3. Wechsle die Ausgabeformate mit dem Dock unten 4. Klicke auf ein Element, um seine Stile zu kopieren 5. Drücke die Leertaste, um ein Popover anzupinnen Details • Funktioniert auf jeder Website • Heller und dunkler Modus (folgt deiner Systemeinstellung) • Tastenkürzel: Alt+Shift+C (anpassbar) • Leichtgewichtig — läuft nur, wenn du es aktivierst • Keine Datenerfassung, keine Analytik, kein Tracking • Die gesamte Verarbeitung erfolgt lokal in deinem Browser

Details

  • Version
    1.3.0
  • Aktualisiert
    15. Mai 2026
  • Funktionen
    Bietet In-App-Käufe
  • Größe
    51.56KiB
  • Sprachen
    7 Sprachen
  • Entwickler
    Website
    E-Mail
    violetsmyster@gmail.com
  • Kein Händler
    Dieser Entwickler hat sich nicht als Händler deklariert. Für Verbraucher in der Europäischen Union gelten die Verbraucherrechte nicht für Verträge, die zwischen dir und diesem Entwickler geschlossen werden.

Datenschutz

Erweiterungen verwalten und Informationen zur Verwendung in deiner Organisation abrufen

CSS Viewer – CSS jedes Elements inspizieren und kopieren hat folgende Informationen hinsichtlich der Erhebung und Nutzung deiner Daten offengelegt. Weitere Details findest du im privacy policy des Entwicklers.

CSS Viewer – CSS jedes Elements inspizieren und kopieren verarbeitet Folgendes:

Websitecontent

Dieser Entwickler erklärt, dass deine Daten

  • nicht an Dritte verkauft werden, außer in den genehmigten Anwendungsfällen
  • nicht für Zwecke genutzt oder übertragen werden, die nichts mit der Hauptfunktionalität des Artikels zu tun haben
  • nicht zur Ermittlung der Kreditwürdigkeit oder für Darlehenszwecke verwendet oder übertragen werden

Support

Ähnliche

Lebensmittel-Gutschein-Clipper – Kroger, Walgreens, CVS-Gutscheine

5,0

Digitale Lebensmittel- und Apotheken-Coupons automatisch mit einem Klick ausschneiden. Angebote auf Ihre Karte bei Kroger, Publix,…

Meta-Press.es

0,0

Decentralized press meta-search engine

Inspect Element | СSS viewer

4,8

Nutze Inspect Element | СSS viewer, um website code anzeigen zu lassen – ohne devtools. Ideal mit element untersuchen shortcut.

Girl Dress Up M6789

0,0

Your parents can’t tell you what to wear in Girl Dress Up! It’s your wardrobe and your choice

Elementor - Inspect, Copy & Download Elements

5,0

Visual Element Inspector with CSS Copy, Color Picker, Asset Download & DOM Eraser

LookStuffUp — Instant definitions, translations & AI summaries

5,0

Instant definitions, translations & AI summaries for any selected text. Private, on-device AI.

al.bot

5,0

Asks your questions to multiple AI chatbots and summarises the answers so you can easily spot mistakes.

Synctag - AI Text Expander, Password Manager & Productivity Extension

5,0

AI powered text expander with smart $ tag shortcuts, password vault and workflow automation to boost productivity.

GitHub Directory Downloader

5,0

Download GitHub directories or files as an archive.

Cloudmark - Collaborative Bookmark Manager

5,0

Cloudmark is a collaborative bookmark manager that allows you to save and organize your bookmarks in the cloud.

BBR Helper

5,0

An expansion of some cool features on basketball-reference.com

Paradox - TEST

0,0

Messaging candidates and scheduling interviews has never been easier.

Lebensmittel-Gutschein-Clipper – Kroger, Walgreens, CVS-Gutscheine

5,0

Digitale Lebensmittel- und Apotheken-Coupons automatisch mit einem Klick ausschneiden. Angebote auf Ihre Karte bei Kroger, Publix,…

Meta-Press.es

0,0

Decentralized press meta-search engine

Inspect Element | СSS viewer

4,8

Nutze Inspect Element | СSS viewer, um website code anzeigen zu lassen – ohne devtools. Ideal mit element untersuchen shortcut.

Girl Dress Up M6789

0,0

Your parents can’t tell you what to wear in Girl Dress Up! It’s your wardrobe and your choice

Elementor - Inspect, Copy & Download Elements

5,0

Visual Element Inspector with CSS Copy, Color Picker, Asset Download & DOM Eraser

LookStuffUp — Instant definitions, translations & AI summaries

5,0

Instant definitions, translations & AI summaries for any selected text. Private, on-device AI.

al.bot

5,0

Asks your questions to multiple AI chatbots and summarises the answers so you can easily spot mistakes.

Synctag - AI Text Expander, Password Manager & Productivity Extension

5,0

AI powered text expander with smart $ tag shortcuts, password vault and workflow automation to boost productivity.

Google-Apps