国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > CSS > 正文

簡單介紹CSS中的URL工具

2024-07-11 08:30:06
字體:
來源:轉載
供稿:網友

有許多原因使得你需要在CSS代碼中系統性的替代URL:將其轉換為數據URI、將其指向一個CDN、將其文件名替換為自動生成的文件名,等等。這個工具能夠幫你從給定的CSS代碼中將URL解析出來,并允許你將其替換為你選擇的任意值。替換后的CSS代碼與源代碼完全相同,除了URL已經根據你的選擇進行了替換。

這個庫包含諸多工具,能夠幫助你操作和更改CSS URL。

CSS URL重寫器(Rewriter)

CSS URL重寫器使用一個CSS分詞器來安全的找到所有的CSS URL,這使得所有的改動都是完全安全的,因為它不依賴于正則表達式從CSS中提取URL。

使用方法
 

CSS Code復制內容到剪貼板
  1. var URLRewriter = require("cssurl").URLRewriter;        
  2. var rewriter = new URLRewriter(function(url) {        // automatically append a query string with a unique value to bust caches   
  3.     return url + "?v=" + Date.now();    });   
  4.      var result = rewriter.rewrite(cssCode);   

當CSS URL重寫器遍歷CSS代碼時,它會調用傳入CSSURLRewriter構造器的函數,并傳給它找到的每個URL。url變量是指CSS代碼中找到的除去了任何引號和前后空格的URL(不包含url())。之后,你可以檢查URL,隨心所欲地修改它,以及在你需要使用的地方返回它的值。

限制

CSS URL重寫器只會替換被表示為URL標記的URL,也就是說,它必須是以url(foo.css)的形式而非”foo.css”的形式存在,盡管后者在部分CSS里是允許的。

CSS URL重寫流(Rewrite Stream)

CSS URL重寫流使用流內部的URL重寫器,因此你可以很容易將代碼取出或置入。

使用方法
 

CSS Code復制內容到剪貼板
  1. var URLRewriteStream = require("cssurl").URLRewriteStream;        
  2. fs.createReadStream("my.css").pipe(new URLRewriteStream(function(url) {        // automatically append a query string with a unique value to bust caches   
  3.     return url + "?v=" + Date.now();    })).pipe(fs.createWriteStream("my-new.css"));    

CSS URL翻譯器(Translator)

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 永修县| 乌拉特中旗| 浪卡子县| 灵川县| 芮城县| 沙湾县| 南陵县| 惠东县| 汶川县| 洪雅县| 嘉荫县| 临清市| 泾阳县| 天峻县| 年辖:市辖区| 增城市| 大渡口区| 乌兰浩特市| 彰化市| 阳东县| 景谷| 大丰市| 新蔡县| 喀喇| 台南市| 太原市| 金溪县| 应城市| 罗定市| 合肥市| 文成县| 肇州县| 西城区| 府谷县| 水富县| 临城县| 涡阳县| 娱乐| 香河县| 沾化县| 偏关县|