Tailwind CSS Media Query Inspector

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

ما هو Tailwind CSS Media Query Inspector؟

Tailwind CSS Media Query Inspector هو إضافة Chrome تم تطويرها بواسطة https://owenmelbourne.com، والميزة الرئيسية لها هي "Easily see which breakpoint you are currently in without cluttering up your UI.".

لقطات شاشة التمديد

screenshot
screenshot
screenshot

تحميل ملف CRX للإضافة Tailwind CSS Media Query Inspector

قم بتنزيل ملفات الامتداد Tailwind CSS Media Query Inspector بتنسيق crx ، وقم بتثبيت الامتدادات يدويًا في متصفح Chrome ، أو شارك ملفات crx مع الأصدقاء لتثبيت الامتدادات بسهولة.

تعليمات استخدام التمديد

                        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.                    

معلومات أساسية عن التمديد

الاسم Tailwind CSS Media Query Inspector Tailwind CSS Media Query Inspector
ID pipocicnhgaphjjmcchdnnaoofncdfnn
عنوان URL الرسمي https://chromewebstore.google.com/detail/tailwind-css-media-query/pipocicnhgaphjjmcchdnnaoofncdfnn
الوصف Easily see which breakpoint you are currently in without cluttering up your UI.
حجم الملف 631 KB
عدد التثبيتات 742
النسخة الحالية 0.0.2
آخر تحديث 2020-09-06
تاريخ النشر 2020-09-06
تقييم 3.00/5 مجموع تقييمات 4
المطور https://owenmelbourne.com
البريد الإلكتروني [email protected]
نوع الدفع free
موقع الإضافة https://github.com/OwenMelbz/chrome-media-query-inspector
عنوان صفحة المساعدة https://github.com/OwenMelbz/chrome-media-query-inspector/issues
اللغات المدعومة 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}"
        }
    }
}