基本信息

更新日期:
包名:
ihkokciokaeljncgdpafbgafdpbocdab
版本:
1.0.5
大小:
192KiB
类型:
扩展
平台:
Chrome
评分:
2
发布日期:
2021-02-23
价格:
免费
开发者:
redevtools.com

Tailwind Devtools Inspector插件截图

【图】Tailwind Devtools Inspector(截图1)【图】Tailwind Devtools Inspector(截图2)

Tailwind Devtools Inspector插件简介

Tailwind Devtools for Chrome – by Buglink and ReDevtools

[NEW VERSION – 2021-02-23]
– Fix inspection bug (sometime the tool inspected a new element when clicking on the popup)
– added a preset to align children of an element vertically: p:center-children-vertically

[NEW VERSION – 2021-02-06]
– Added support for SVG elements

[NEW VERSION – 2021-02-04]
– Added new feature so you can quickly move to parents and children elements (see https://youtu.be/J98f4oaE6zg)
– Fix a bug when working with tailwind color classes
– Minor bug fixes

[BETA]
Tailwind is a great technology, but Chrome does not suggest Tailwind classes 🙁
Moreover, if you used to work with Bootstrap in the past, there are plenty of classes that let you style whole components at once.

With Tailwind Devtools Inspector you can:
– inspect elements and add tailwind classes with auto-suggestion;
– live preview of class changes
– use tailwind templates (presets) to apply multiple classes at once

More at https://www.redevtools.com/blog/tailwind-devtools-inspector-how-to-quickly-edit-tailwind-classes-and-apply-tailwind-templates/

类似Tailwind Devtools Inspector插件

Chrome DevTools extension for debugg..
Chrome DevTools extension for debugging Alpine.js applications. Detect, inspect and edit Alpine.js components and data.
Check Open Graph on internet unreach..
Check Open Graph on internet unreachable sites like localhost or under basic auth. Temporary host site head tags on hashed url. Localhost Open Graph extension allows you to quick, ..
此系统需支付得到许可才能使用它。您可以通过https://getcssscan.com 购买 CSS Scan是检查和复制CSS的最快方法。 立即显示您悬停的任何元素的CSS,..
此系统需支付得到许可才能使用它。您可以通过https://getcssscan.com 购买 CSS Scan是检查和复制CSS的最快方法。 立即显示您悬停的任何元素的CSS,并通过单击复制整个CSS规则。 欢迎加入7,000多名专业开发人员于每天使用CSS Scan。 特色:CSS Tricks, Smashing Magazine, Product Hu..
GraphQL debugging tools for Apollo Client.
Apollo Client Devtools is a Chrome extension for the open-source GraphQL client, Apollo Client. This extension has 4 main features: 1. A built-in version of the Apollo Studio Explo..
用于检查Vue组件性能的Chrome devtool扩展
用于检查Vue组件性能的Chrome devtool扩展
A sidebar pane for Tailwind CSS clas..
A sidebar pane for Tailwind CSS classes This extension adds a sidebar pane for your Tailwind CSS classes. From here, you can toggle classes or add new class names with ease. Extens..
Tool for locate Vue component code. ..
Tool for locate Vue component code. vue-component-finder is a Chrome plugin for Vue project, which help developer preview component code module and locate code file in IDE quickly...
Quickly toggle a Bootstrap Grid Over..
Quickly toggle a Bootstrap Grid Overlay that automatically uses your application's styles to determine how it looks. Click the Bootstrap Grid Overlay icon to toggle the overlay on ..
An easy way to inspect the CSS of any element with only hover over, and copy its entire CSS with one click.
⚡️CSS Inspector is the easiest & fastest way to inspect/edit live webpages without coding. It's simple, just click & copy Features 🔎 Get CSS Properties simply by selecting ..
Easily see which breakpoint you are ..
Easily see which breakpoint you are currently in without cluttering up your UI. Adds a really simple icon to your chrome extension toolbar that displays the current media query you..
FTC视频聊天屏幕媒体
FTC视频聊天屏幕媒体
This extension will convert a list o..
This extension will convert a list of multiple values into a semi-colon delimited text-string. The purpose of the "Semi-Colon List Delimiter" Add-on Extension for Firefox is to all..
GitHub on steroids
Browser extension that enhances GitHub code review and exploration. Features * Fast IDE-like code tree * Quick search in tree format * Bookmark repos, issues, PRs, files * Support ..
Codechef Rating Predictor ,Which Sho..
Codechef Rating Predictor ,Which Shows Predicted Change in Rating On The Contest Page , It Fetches Data From Codechef User vsp4's Predictor
The quicksand extension allows you t..
The quicksand extension allows you to edit copy on your landing page using GPT-3. The extension is used in conjunction with the web app https://quicksand.ai
Resize the browser window. The resol..
Resize the browser window. The resolution list supports customization. ✅ open-source: https://bitbucket.org/ParkerAlan/window_resizer/ Update history: 1.5: Enhanced input data veri..
| Edge
Share the screen from your computer ..
Share the screen from your computer in the Roundee video conference. for screen shareing only using askee.io
A highly customized dark theme for D..
A highly customized dark theme for Devtools with a blinking green cursor in the console. This is an experimental theme for the Chrome Developer Tools that utilizes DevTools Experim..
This plugin is used for retrieving and exporting the merge fields from Bluemoon.
This plugin is used for retrieving and exporting the merge fields from Bluemoon.
Automate your website testing without code. An easy alternative to Selenium, Cypress and Katalon.
Create end-to-end tests for your web app in minutes. Regression testing has never been simpler. How it works? BugBug Tests Recorder allows you to record and play end-to-end browser..

Tailwind Devtools Inspector插件下载

免费下载插件商店

插件评论

Salvator..

hi Silas, can you please specify what doesn't work for you so I can fix it? thank you

Silas229

Does not work properly

Salvator..

Thanks Shiggy, we are going to release new features soon :-)

Shiggy

Great tool, i enjoyed using it. Keep up with the updates!