Tailwind CSS Media Query Inspector

Easily see which breakpoint you are currently in without cluttering up your UI.

Was ist Tailwind CSS Media Query Inspector?

Tailwind CSS Media Query Inspector ist eine Chrome-Erweiterung, die von https://owenmelbourne.com entwickelt wurde, und ihr Hauptmerkmal ist "Easily see which breakpoint you are currently in without cluttering up your UI.".

Erweiterungsscreenshots

screenshot
screenshot
screenshot

Tailwind CSS Media Query Inspector-Erweiterungs-CRX-Datei herunterladen

Laden Sie Tailwind CSS Media Query Inspector-Erweiterungsdateien im crx-Format herunter, installieren Sie Chrome-Erweiterungen manuell im Browser oder teilen Sie die crx-Dateien mit Freunden, um Chrome-Erweiterungen einfach zu installieren.

Anleitung zur Verwendung der Erweiterung

                        Adds a really simple icon to your chrome extension toolbar that displays the current media query you're within.

By default it ships with the TailwindCSS media queries, however you can configure as many media query rules as you like from the extension.

This does not attempt to parse the CSS from a website, it simply monitors the media queries you enter.

V2 will allow you to configure different media queries per domain.                    

Grundlegende Informationen zur Erweiterung

Name Tailwind CSS Media Query Inspector Tailwind CSS Media Query Inspector
ID pipocicnhgaphjjmcchdnnaoofncdfnn
Offizielle URL https://chromewebstore.google.com/detail/tailwind-css-media-query/pipocicnhgaphjjmcchdnnaoofncdfnn
Beschreibung Easily see which breakpoint you are currently in without cluttering up your UI.
Dateigröße 631 KB
Installationsanzahl 742
Aktuelle Version 0.0.2
Letztes Update 2020-09-06
Veröffentlichungsdatum 2020-09-06
Bewertung 3.00/5 Insgesamt 4 Bewertungen
Entwickler https://owenmelbourne.com
E-Mail [email protected]
Zahlungsart free
Erweiterungswebsite https://github.com/OwenMelbz/chrome-media-query-inspector
Hilfeseite URL https://github.com/OwenMelbz/chrome-media-query-inspector/issues
Unterstützte Sprachen en
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "name": "Tailwind CSS Media Query Inspector",
    "version": "0.0.2",
    "manifest_version": 2,
    "description": "Easily see which breakpoint you are currently in without cluttering up your UI.",
    "homepage_url": "https:\/\/github.com\/OwenMelbz\/chrome-media-query-inspector",
    "icons": {
        "16": "icons\/icon16.png",
        "48": "icons\/icon48.png",
        "128": "icons\/icon128.png"
    },
    "browser_action": {
        "default_title": "MQL",
        "default_popup": "popup.html"
    },
    "default_locale": "en",
    "background": {
        "scripts": [
            "js\/background.js"
        ],
        "persistent": true
    },
    "permissions": [
        "https:\/\/*\/*",
        "storage"
    ],
    "content_security_policy": "default-src 'self'; style-src 'unsafe-inline';",
    "content_scripts": [
        {
            "matches": [
                "https:\/\/*\/*"
            ],
            "js": [
                "js\/content.js"
            ]
        }
    ],
    "applications": {
        "gecko": {
            "id": "{730920a1-c691-438c-b0c6-a582a8b72922}"
        }
    }
}