{"id":23167776,"url":"https://github.com/suanju/tailexamine","last_synced_at":"2025-05-12T19:22:11.967Z","repository":{"id":253929232,"uuid":"844548375","full_name":"suanju/tailexamine","owner":"suanju","description":"浏览器插件 可视化方式构建、设计和调试您的 Tailwind 网站","archived":false,"fork":false,"pushed_at":"2024-09-16T09:45:56.000Z","size":3220,"stargazers_count":33,"open_issues_count":0,"forks_count":6,"subscribers_count":3,"default_branch":"main","last_synced_at":"2025-05-12T19:22:09.118Z","etag":null,"topics":["ractjs","tailwind-css","wxt"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/suanju.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-08-19T13:37:15.000Z","updated_at":"2025-05-07T13:36:22.000Z","dependencies_parsed_at":"2024-09-16T11:25:39.075Z","dependency_job_id":null,"html_url":"https://github.com/suanju/tailexamine","commit_stats":null,"previous_names":["suanju/tailwindexamine","suanju/tailexamine"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/suanju%2Ftailexamine","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/suanju%2Ftailexamine/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/suanju%2Ftailexamine/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/suanju%2Ftailexamine/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/suanju","download_url":"https://codeload.github.com/suanju/tailexamine/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":253806092,"owners_count":21967095,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["ractjs","tailwind-css","wxt"],"created_at":"2024-12-18T02:34:48.896Z","updated_at":"2025-05-12T19:22:11.946Z","avatar_url":"https://github.com/suanju.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"##### 基于wxt开发的浏览器插件方便您快速调试tailwind css\n\n###### 启动命令\n\n```\npnpm install\npnpm run dev \n```\n\n###### 已完成功能\n- 悬停显示元素信息高亮显示\n- 元素class可选可删除\n- 添加tialwind css 类和补全信息\n- 复制元素样式 dom整体\n\n\n###### 待完成\n- copy 原生css转成 tailwind css\n\n\n###### 运行截图\n![alt 运行图](assets/runtime_screenshot_1.png)\n![alt 运行图](assets/runtime_screenshot_2.png)\n\n\n\n###### 项目目录\n\n```\n.\n├── .gitignore  # Git忽略文件，列出在版本控制中要忽略的文件和目录\n├── assets  # 静态资源文件夹\n│   └── ...静态资源\n├── entrypoints  # 入口点文件夹\n│   ├── background.ts  # Chrome扩展的后台脚本\n│   ├── components  # 组件文件夹\n│   │   ├── element_info  # 元素信息相关组件\n│   │   │   ├── card_head.tsx  # 卡片头部组件\n│   │   │   ├── card_input.tsx  # 卡片输入组件\n│   │   │   ├── element_card.tsx  # 元素卡片组件\n│   │   │   └── element_info.tsx  # 元素信息组件\n│   │   └── spotlight  # 聚焦组件\n│   │       └── spotlight.tsx  # 聚焦组件实现\n│   ├── content.tsx  # 内容脚本\n│   ├── hooks  # 自定义hooks\n│   │   └── use_dynamic_styles.ts  # 动态样式的自定义hook\n│   ├── rule  # 规则相关文件\n│   │   └── rule.ts  # 规则定义\n│   ├── store  # 状态管理\n│   │   ├── element_card.ts  # 元素卡片状态管理\n│   │   ├── mouse.ts  # 鼠标状态管理\n│   │   └── rule.ts  # 规则状态管理\n│   └── utils  # 工具函数\n│       └── tools.tsx  # 工具函数实现\n├── eslint.config.js  # ESLint配置文件\n├── index.js  # 项目的入口文件\n├── package.json  # 项目的依赖配置和元数据\n├── pnpm-lock.yaml  # pnpm锁定文件，记录依赖的确切版本\n├── public  # 公共资源文件夹\n│   ├── css  # CSS文件夹\n│   │   └── element_info  # 元素信息相关CSS\n│   │       └── index.css  # 元素信息组件样式\n│   ├── icon  # 图标文件夹\n│   │   ├── 128.png  # 128x128图标\n│   │   ├── 16.png  # 16x16图标\n│   │   ├── 32.png  # 32x32图标\n│   │   ├── 48.png  # 48x48图标\n│   │   └── 96.png  # 96x96图标\n│   └── wxt.svg  # WXT图标文件\n├── README.md  # 项目说明文档\n├── tsconfig.json  # TypeScript配置文件\n├── uno.config.ts  # UnoCSS配置文件\n└── wxt.config.ts  # WXT框架配置文件\n```","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsuanju%2Ftailexamine","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsuanju%2Ftailexamine","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsuanju%2Ftailexamine/lists"}