Doplnky pre prehliadač Firefox
Prihlásiť sa
Náhľad témy CSS Insight

CSS Insight Autor: MarkAlexI

CSS Insight – your go-to solution for fast and efficient style management directly in your browser!

0 (0 reviews)0 (0 reviews)
45 používateľov45 používateľov
Na použitie tohto rozšírenia budete potrebovať Firefox
Stiahnuť Firefox
Stiahnuť súbor

Metadáta rozšírenia

Snímky obrazovky
Inject your CSSView More Details
O tomto rozšírení
CSS Insight – Effortless CSS Styling, Right at Your Fingertips

CSS Insight is the ultimate browser extension for web developers looking to streamline their styling workflow. Instantly inspect styles directly on any webpage — no need to open the browser console.

With CSS Insight, you can:
  • View declared styles, computed styles, media rules, and keyframe animations
  • Copy CSS rules to your clipboard with a single click
  • Track and analyze any HTML element with real-time style info
  • Add custom styles to test design changes on the fly
  • Explore styles in a clean, intuitive interface with advanced details in a dedicated panel

Whether you're debugging, optimizing, or simply exploring how a page is built, CSS Insight gives you everything you need to manage and understand styles efficiently.

Take control of your CSS – faster, smarter, cleaner.



NOTICE

Tracking an Element with CSS Insight

To track and analyze a specific element on a webpage:
  • Open the popup and click the "Start Tracking Tag" button.
  • Click on the element you want to inspect directly on the webpage.
  • Reopen the popup (if needed) and click "Stop Tracking Tag".
    you can now view detailed style information for the selected element.

Additionally, you can manually enter any valid CSS selector into the input field to analyze styles for that element.
Komentáre vývojára
How to Use Be Focused and Productive in Firefox on Android
  1. Open Firefox and navigate to any webpage (e.g., a search engine).
  2. Tap the three-dot menu in the bottom-right corner.
  3. Tap the ">" next to Extensions.
  4. Select Be Focused and Productive and enter your parameters.

📌 Note: If you open the menu from a blank tab or the Firefox homepage, you may only see the Extensions management page instead of direct access to the extension’s functionality.

How to Block a Resource
  1. Enter a part of the resource name in the left input field without specifying the protocol.
  2. Example: Entering "youtube" will block all subdomains of this resource.
  3. Enter the redirect URL in the right input field, fully specified with the protocol.
  4. Example: "https://google.com"
  5. Click the save button to apply the rule.

📌 Note:
- If the redirect URL is left empty, the target site will simply be blocked.
- To modify a rule, delete the old rule and add a new one.

This extension is available on Chrome Web Store.
Hodnotené 0 od 0 recenzentov
Ak chcete ohodnotiť toto rozšírenie, musíte sa prihlásiť
Doplnok zatiaľ nie je ohodnotený

Hodnotenie bolo uložené

5
0
4
0
3
0
2
0
1
0
Zatiaľ žiadne recenzie
Povolenia a údajeĎalšie informácie

Požadované oprávnenia:

  • Pristupovať ku kartám prehliadača
  • Pristupovať k údajom pre všetky webové stránky

Voliteľné povolenia:

  • Pristupovať k údajom pre všetky webové stránky
Ďalšie informácie
Odkazy doplnku
  • Domovská stránka
  • Stránka podpory
  • E‑mail podpory
Verzia
1.20.1
Veľkosť
554,62 kB
Posledná aktualizácia
pred 21 dňami (8. aug 2025)
Príbuzné kategórie
  • Tvorba webu
Licencia
Licencia MIT
História verzií
  • Zobraziť všetky verzie
Značky
  • user scripts
Pridať do kolekcie
Nahlásiť tento doplnok
Ďalšie rozšírenia od autora MarkAlexI
  • Doplnok zatiaľ nie je ohodnotený

  • Doplnok zatiaľ nie je ohodnotený

  • Doplnok zatiaľ nie je ohodnotený

  • Doplnok zatiaľ nie je ohodnotený

  • Doplnok zatiaľ nie je ohodnotený

  • Doplnok zatiaľ nie je ohodnotený

Prejsť na domovskú stránku Mozilly

Doplnky

  • O nás
  • Blog o doplnkoch pre Firefox
  • Workshop tvorby rozšírenia
  • Centrum pre vývojárov
  • Pravidlá pre vývojárov
  • Komunitný blog
  • Fórum
  • Nahlásiť chybu
  • Pokyny pre recenzentov

Prehliadače

  • Desktop
  • Mobile
  • Enterprise

Produkty

  • Browsers
  • VPN
  • Relay
  • Monitor
  • Pocket
  • Bluesky (@firefox.com)
  • Instagram (Firefox)
  • YouTube (firefoxchannel)
  • Súkromie
  • Cookies
  • Právne informácie

Ak nie je uvedené inak, obsah tejto stránky je dostupný pod licenciou Creative Commons Attribution Share-Alike License v3.0 alebo jej akejkoľvek vyššej verzie.