🎨 CSS 转 JS

将 CSS 代码转换为 JavaScript 字符串与动态注入代码，方便在 JS 中管理样式。

关于此工具

把 CSS 转成 JS 字符串（自动转义）或可直接运行的动态注入代码（创建 style 标签并插入 head），适合组件化开发与样式动态加载。

如何使用

  1. 粘贴 CSS

    输入需要转换的样式代码。

  2. 选择输出形式

    JS 字符串或动态注入代码。

  3. 复制使用

    把生成代码粘贴到 JS 文件。

使用场景

组件封装

把组件样式内联到 JS 中随组件发布。

动态主题

运行时动态注入主题样式。

打包优化

减少独立 CSS 请求。

常见问题

会转义引号吗？

会，使用 JSON.stringify 处理所有特殊字符。

注入代码兼容所有浏览器吗？

使用标准 DOM API，兼容现代浏览器。