Наконец, отладчик по ветру, который живет в вашем браузере
18 июня 2025 г.Tailwind Tangle: звучит знакомо?
Если вы что -то похожи на меня и проводите хороший кусок своего дня, работая с Tailwind CSS, вы, вероятно, почувствовали эту небольшую точку трения: бесконечно настраивая занятия, накладывая вкладывание между вашим редактором и браузером, просто чтобы посмотреть, как вещина самом делесмотреть. Или, может быть, вы копаете инструменты Dev, пытаясь точно определить, какая комбинация утилит классов является стилизованным элементом? 😩
Это может быть настоящий убийца рабочих процессов и разбить ваше внимание.
Представляем хвостовую линзу: ваш браузер
Что если бы вы могли вырезать посредников и редактировать классы Tailwindжить, непосредственно на вашей странице с мгновенными визуальными отзывами?
Именно поэтому я рад поделитьсяХвостовая линза, расширение браузера, над которым я работал, чтобы решить эти точные разочарования. Он выступает в качестве вашего инструмента Dev-Browser, который позволяет нажимать на любой элемент и настраивать его классы с ветром прямо на странице.
Изменения появляются мгновенно, поэтому вы можете увидеть результаты при редактировании. Смарт -классные предложения, поддержка Tailwind V3/V4 + JIT, навигация быстрого элемента и многое другое.
Что может сделать для вас хвостовые линзы?
Вот более внимательный взгляд на то, что хвостовая линза привносит в ваш рабочий процесс ветра:
Особенность | Описание |
|---|---|
👁Мгновенное представление класса | Наведите на любой элемент, чтобы немедленно увидеть все классы приложенных приложенных. Больше нет копания в инструментах Dev! |
⚡ Live Edit & Preview | Поиск, добавить или поменять классы Tailwind и мгновенно просмотрите изменения на вашей странице, не освежая. |
💡 Умные альтернативы | Получите интеллектуальные предложения для альтернативных классов, которые вы можете применить с одним щелчком. |
📏 Визуальные наложения | Четко визуализируйте край, прокладку, высоту и позиционирование с динамическими наложениями в реальном времени. |
↩Отмен/повторная поддержка | Эксперимент свободно! Легко отменить или переделать любые изменения, которые вы вносите. |
🛠Конфигурация готово | Полная поддержка Tailwind CSS V3/V4 и пользовательский проект |
⌨Дом Навигация | Быстро осмотрите элементы родителей или ребенка, используя простые сочетания клавиатуры на предмет более быстрых рабочих процессов. |
Почему я построил хвостовую линзу
Я построил хвостовую линзу, потому что я искренне хотел такой инструмент для своих собственных проектов. Цель проста: держать вас в потоке, уменьшить это разочаровывающее переключение контекста и в конечном итоге сделать работу с удивительной силой Taillid CSS еще более приятной и продуктивной.
Попробуйте хвостовой объектив: бесплатно в течение 7 дней! 🚀
Готовы дать ему вращение и посмотреть, как он вписывается в ваш рабочий процесс?
Вы можете попробовать полную версию хвостовой линзыбесплатно на 7 днейПолем Нет обязательств, просто шанс увидеть магию.
🔗 Погрузитесь в быстрое демонстрацию и начните здесь:
Доступ к жизни и будущие обновления
После испытания, если вы найдете хвостовую линзу такими же необходимыми, как я надеюсь, это одноразовая покупка30 долларов за всю жизнь лицензиюПолем Это включает в себя все будущие обновления, и вы можете использовать их на неограниченных устройствах.
Пользовательская любовь
Давай послушаем тебя! 👇
Я был бы рад услышать какие -либо отзывы, идеи или вопросы, которые у вас есть.
- Каковы ваши самые большие проблемы при работе с Tailwind CSS ежедневно?
- Может ли такой инструмент, как хвостовая линза, помочь упростить ваш процесс?
Отбросьте свои мысли, предложения или даже просто «привет» в комментариях ниже!
Счастливого кодирования!
Оригинал