Tailwind CSS Media Query Inspector

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

O que é Tailwind CSS Media Query Inspector?

Tailwind CSS Media Query Inspector é uma extensão do Chrome desenvolvida por https://owenmelbourne.com, e sua principal característica é "Easily see which breakpoint you are currently in without cluttering up your UI.".

Capturas de Tela da Extensão

screenshot
screenshot
screenshot

Baixar o arquivo CRX da Extensão Tailwind CSS Media Query Inspector

Baixe arquivos de extensão Tailwind CSS Media Query Inspector no formato crx, instale manualmente as extensões do Chrome no navegador ou compartilhe os arquivos crx com amigos para instalar facilmente as extensões do Chrome.

Instruções de Uso da Extensão

                        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.                    

Informações Básicas da Extensão

Nome Tailwind CSS Media Query Inspector Tailwind CSS Media Query Inspector
ID pipocicnhgaphjjmcchdnnaoofncdfnn
URL Oficial https://chromewebstore.google.com/detail/tailwind-css-media-query/pipocicnhgaphjjmcchdnnaoofncdfnn
Descrição Easily see which breakpoint you are currently in without cluttering up your UI.
Tamanho do Arquivo 631 KB
Contagem de Instalações 742
Versão Atual 0.0.2
Última Atualização 2020-09-06
Data de Publicação 2020-09-06
Classificação 3.00/5 Total de 4 Avaliações
Desenvolvedor https://owenmelbourne.com
Email [email protected]
Tipo de Pagamento free
Site da Extensão https://github.com/OwenMelbz/chrome-media-query-inspector
URL da Página de Ajuda https://github.com/OwenMelbz/chrome-media-query-inspector/issues
Idiomas Suportados 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}"
        }
    }
}