Handy Orchard

CSS 浏览器前缀生成

按固定浏览器兼容数据生成 CSS 前缀。

输入数据

输入更改时会清除旧输出。

结果

输入数据或填入示例,再运行工具。

计算示例

Safari 9 示例会为 placeholder 与 user-select 加上 -webkit- 前缀;可比较现代目标的差异。

方法

PostCSS 与固定版本 Autoprefixer 使用内置 caniuse-lite 在本地转换文本,列出数据版本与实际目标查询。输入的 URL 保持 CSS 文本,不触发请求。

适用限制

CSS 最多 100,000 字符。目标采用有限预设,不加载远程配置或实时市场份额数据。数据已固定,并非实时市场份额。IE Grid 转换停用;控制注释可能改变插件行为。警告列出需检查位置;前缀无法补足浏览器缺少的功能。

所有处理留在此浏览器;每次工作线程会在 2.5 秒或取消时终止。不发送输入内容与处理记录至分析服务。

来源

固定版本源代码第三方许可声明

相关工具

CSS 属性语法检查CSS 选择器结构拆解CSS 色彩空间与色域转换WCAG 对比检查

输入数据保留在此设备。只有经您同意的可选浏览量会被统计;计算值、文件、文件名与处理日志不发送至 Analytics。

切换语言时,文本、设置与所选文件会暂存于此设备,恢复后移除;中断的暂存会于后续访问清理。输入与文件不会上传。