Tailwind CSS Media Query Inspector

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

Qu'est-ce que Tailwind CSS Media Query Inspector ?

Tailwind CSS Media Query Inspector est une extension Chrome développée par https://owenmelbourne.com, et sa fonction principale est "Easily see which breakpoint you are currently in without cluttering up your UI.".

Captures d'Écran de l'Extension

screenshot
screenshot
screenshot

Télécharger le fichier CRX de l'extension Tailwind CSS Media Query Inspector

Téléchargez les fichiers d'extension Tailwind CSS Media Query Inspector au format crx, installez manuellement les extensions Chrome dans le navigateur ou partagez les fichiers crx avec des amis pour installer facilement les extensions Chrome.

Instructions d'Utilisation de l'Extension

                        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.                    

Informations de Base sur l'Extension

Nom Tailwind CSS Media Query Inspector Tailwind CSS Media Query Inspector
ID pipocicnhgaphjjmcchdnnaoofncdfnn
URL Officiel https://chromewebstore.google.com/detail/tailwind-css-media-query/pipocicnhgaphjjmcchdnnaoofncdfnn
Description Easily see which breakpoint you are currently in without cluttering up your UI.
Taille du Fichier 631 KB
Nombre d'Installations 742
Version Actuelle 0.0.2
Dernière Mise à Jour 2020-09-06
Date de Publication 2020-09-06
Évaluation 3.00/5 Total 4 Évaluations
Développeur https://owenmelbourne.com
Email [email protected]
Type de Paiement free
Site Web de l'Extension https://github.com/OwenMelbz/chrome-media-query-inspector
URL de la Page d'Aide https://github.com/OwenMelbz/chrome-media-query-inspector/issues
Langues Prises en Charge 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}"
        }
    }
}