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。

切換語言時,文字、設定與選取檔案會暫存於此裝置,還原後移除;中斷的暫存會於後續造訪清理。輸入與檔案不會上傳。