Dian8Dian Tools
CSS Peeper

CSS Peeper

Überprüfen Sie Website-Stile in Sekunden.

EntwicklertoolsDesign-ToolsChrome
CSS Peeper

Screenshots

1 / 5
CSS Peeper – offizieller Chrome Web Store Produkt-Screenshot 1
CSS Peeper – offizieller Chrome Web Store Produkt-Screenshot 1

Was CSS Peeper macht

CSS Peeper, veröffentlicht von Sparkglare Sp. Z o.o., ist für Chrome gelistet. Der Entwickler beschreibt seinen Zweck als "Website-Stile in Sekunden inspizieren." Dieser Leitfaden vereint die dokumentierten Funktionen, Einstiegspunkte für die Installation und Kompatibilitätsdetails, damit Sie entscheiden können, ob er zu Ihrer Aufgabe passt.

Dokumentierte Merkmale

Die offizielle Auflistung dokumentiert die untenstehenden Möglichkeiten. Vergleiche die benötigten Funktionen mit der verfügbaren Plattform und den Informationen zu kostenpflichtigen Funktionen vor der Installation. Dies sind die Beschreibungen des Entwicklers, keine unabhängigen Leistungs- oder Sicherheitstestergebnisse.

  • Inspizieren Sie die visuellen Eigenschaften von Webseitenelementen.

  • Vorschau und Kopieren Sie CSS-Elemente sowie exportieren Sie Designinformationen.

Installieren und Öffnen CSS Peeper

Öffne den Link zum Chrome Web Store, bestätige CSS Peeper und den Publisher Sparkglare Sp. Z o.o. und wähle dann Chrome hinzufügen. Lesen Sie die angeforderten Genehmigungen, bevor Sie bestätigen. Nach der Installation bietet das Menü Chrome-Erweiterungen Zugriff auf die Erweiterung; Das Anheften des Werkzeugleistensymbols ist optional. Um es später zu deaktivieren oder zu entfernen, nutzen Sie die Seite Erweiterungen verwalten in Chrome.

Das Manifest deklariert eine Aktion in der Symbolleiste. Verwenden Sie den Toolbar-Eintrag, um die Aktion der Erweiterung zu öffnen.

Verwendung des dokumentierten Arbeitsablaufs

Beginnen Sie mit der Operation, die Ihrer Aufgabe entspricht. Die folgenden Maßnahmen sind in der offiziellen Liste dokumentiert; Es sind separate Nutzungsoptionen, keine Sequenz, die jeder Benutzer abschließen muss. Für hier nicht genannten Steuerungen konsultieren Sie https://csspeeper.featurebase.app/en/help/articles/9571335-getting-started und gehen nicht davon aus, dass es einen bestimmten Knopf oder ein bestimmtes Menü gibt.

  • "Gib deinen Arbeitsablauf mit fortschrittlichen Designinspektionsfunktionen auf und spare dir Stunden Arbeit."

  • "Sparen Sie Stunden, indem Sie die Eigenschaften der Elemente schnell mit einem einfachen Point-and-Click inspizieren."

  • "Exportiere es in dein Lieblingsdesignwerkzeug."

  • "Sofort das CSS eines beliebigen Elements vorschauen und kopieren, wodurch großartiges Design wiederverwendbaren Code wird."

Plattformen, Versionen und Schnittstellensprachen

Verifizierte Store-Ausgaben: Chrome. Die aufgenommene Version ist 1.2.3 mit einem Aktualisierungsdatum am 11.09.2026. Versionsnummern und Veröffentlichungszeiten können je nach Geschäft unterschiedlich sein. Nur die hier gezeigten Browser-Store-Buttons wurden überprüft. Eine gemeinsame Browser-Engine richtet keine separate offizielle Store-Edition ein.

Der offizielle Store listet eine Benutzeroberflächensprache auf. Die unterstützten Sprach-Tags auf dieser Seite stammen aus den Metadaten dieses Produkts; Sie sind getrennt von den acht für diesen Leitfaden verfügbaren Sprachen. Überprüfen Sie den aktuellen Store, ob eine bestimmte Sprache für Ihren Arbeitsablauf unerlässlich ist.

Preis- und kostenpflichtige Features

Der Entwickler beschreibt eine kostenlose Version, eine Testversion oder eine kostenlose Version neben kostenpflichtigen Funktionen. Schau auf der offiziellen Website nach den aktuellen Funktionslimits und Preisen in deiner Region nach. Die Installation des Browserpakets und das Abonnement eines verbundenen Dienstes sind getrennte Aktionen; Ein Browser-Store-Button allein legt nicht fest, welche kostenpflichtigen Funktionen enthalten sind.

Berechtigungen, Privatsphäre und praktische Grenzen

Das veröffentlichte Erweiterungsmanifest listet diese API-Berechtigungen auf: storage, sidePanel, activeTab, tabs, alarms, scripting, unlimitedStorage, webRequest. Dies sind deklarierte Fähigkeiten, kein Beweis dafür, welche Daten der Entwickler tatsächlich sammelt. Überprüfen Sie die Installationsaufforderung von Chrome und die Datenschutzrichtlinie (https://csspeeper.com/privacy-policy) des Entwicklers, bevor Sie Zugriff gewähren.

Die Details der Chrome-Erweiterung ermöglichen es dir, den Seitenzugriff zu überprüfen und die Erweiterung zu deaktivieren. Wenn eine erwartete Steuerung nicht erscheint, prüfen Sie, ob die Erweiterung aktiviert ist und die aktuelle Seite in ihrer Beschreibung unterstützt wird. Gewähren Sie nicht jeder Seite den Zugriff, nur um eine einzelne Website zu beheben.

Fragen zu CSS Peeper

Wo ist der offizielle Download? Verwenden Sie den Chrome Web Store-Button für die genaue Liste, die in diesem Leitfaden erwähnt wird: https://chromewebstore.google.com/detail/mbnbehikldjhnfehhnaidhjhoofhpehk?hl=en. Für andere verifizierte Plattformen verwenden Sie deren separate Store-Buttons. Diese Seite verteilt keine Installationspakete oder modifizierte Kopien.

Wo sollte ich nachsehen, wenn sich eine Funktion geändert hat? Vergleichen Sie die aktuelle Store-Version mit 1.2.3 und prüfen Sie dann https://csspeeper.featurebase.app/en/help/articles/9571335-getting-started. Die Store-Screenshots zeigen die bereitgestellten Produktbilder, aber spätere Versionen und Gerätelayouts können sich unterscheiden. Nutzen Sie den offiziellen Support-Kanal für konto-, abrechnungs- und produktspezifische Probleme.