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 กับเพื่อนๆ เพื่อติดตั้งส่วนขยาย Chrome อย่างง่ายดาย

คำแนะนำในการใช้ส่วนขยาย

                        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
URL หน้าช่วยเหลือ 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}"
        }
    }
}