Tailwind CSS Media Query Inspector

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

Tailwind CSS Media Query Inspector là gì?

Tailwind CSS Media Query Inspector là một tiện ích mở rộng Chrome được phát triển bởi https://owenmelbourne.com, và tính năng chính của nó là "Easily see which breakpoint you are currently in without cluttering up your UI.".

Ảnh Chụp Màn Hình của Tiện Ích Mở Rộng

screenshot
screenshot
screenshot

Tải xuống tệp CRX của tiện ích mở rộng Tailwind CSS Media Query Inspector

Tải xuống các tệp mở rộng Tailwind CSS Media Query Inspector dưới định dạng crx, cài đặt các tiện ích mở rộng Chrome bằng tay trong trình duyệt hoặc chia sẻ các tệp crx với bạn bè để dễ dàng cài đặt các tiện ích mở rộng Chrome.

Hướng Dẫn Sử Dụng Tiện Ích Mở Rộng

                        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.                    

Thông Tin Cơ Bản về Tiện Ích Mở Rộng

Tên Tailwind CSS Media Query Inspector Tailwind CSS Media Query Inspector
ID pipocicnhgaphjjmcchdnnaoofncdfnn
URL Chính Thức https://chromewebstore.google.com/detail/tailwind-css-media-query/pipocicnhgaphjjmcchdnnaoofncdfnn
Mô tả Easily see which breakpoint you are currently in without cluttering up your UI.
Kích Thước Tệp 631 KB
Số Lần Cài Đặt 742
Phiên Bản Hiện Tại 0.0.2
Cập Nhật Lần Cuối 2020-09-06
Ngày Phát Hành 2020-09-06
Đánh Giá 3.00/5 Tổng số 4 Đánh Giá
Nhà Phát Triển https://owenmelbourne.com
Email [email protected]
Loại Thanh Toán free
Trang Web Mở Rộng https://github.com/OwenMelbz/chrome-media-query-inspector
URL Trang Trợ Giúp https://github.com/OwenMelbz/chrome-media-query-inspector/issues
Ngôn Ngữ Được Hỗ Trợ 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}"
        }
    }
}