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是由https://owenmelbourne.com开发的Chrome扩展程序，该扩展的主要功能是“Easily see which breakpoint you are currently in without cluttering up your UI.”。
扩展截图
下载Tailwind CSS Media Query Inspector扩展crx文件
下载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 |
| 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}"
}
}
} | |
