V1.2.2 · Chrome / Edge

一键获取网页
干净代码

选中任意网页元素,自动提取完整 HTML + CSS,智能去重合并样式,支持一键转换为 Tailwind 或 inline CSS。保留原站视觉效果,输出可直接复用的生产级代码。

🎯

精准提取

选中页面任意元素,一键获取其完整 HTML 结构和关联 CSS,保留原始视觉效果

智能清洗

自动去除冗余样式、合并重复属性,输出精简的生产级代码

🔄

格式转换

支持输出原始 CSS、Tailwind class 或 inline CSS 三种格式,适配不同工作流

Web Collector

看到喜欢的设计
一键变成你的代码

无需打开 DevTools 手动复制粘贴。选中目标元素,插件自动提取完整 HTML 和 CSS,去除浏览器默认样式和无效属性,保留实际呈现效果。支持将 CSS 一键转为 Tailwind class,直接粘贴到你的项目中使用。

收藏网页组件
Code Notes

边看文档
边写代码示例

浏览技术文档时,在侧栏即时编写和运行代码示例。笔记自动绑定当前网址,下次访问同一页面时自动恢复,学习进度不丢失。

代码笔记
Auto Match

智能匹配
上次的笔记

再次访问同一网址,插件自动识别并加载之前的笔记内容。无需手动查找,学习节奏不中断。

自动匹配
Markdown

结构化
拆解复杂项目

阅读 GitHub 开源项目时,在插件中为每个模块创建独立笔记。用 Markdown 串联分析,构建系统性的理解。

Markdown笔记

开始使用

从商店一键安装,自动更新,无需额外配置

安装后无需单独登录,保持 RunJS 官网登录即可自动同步

微信:qingtingwb

微信二维码