一、CSS樣式圖片下載助手簡(jiǎn)介：

CSS樣式圖片下載助手是一款仿站助手軟件，他是為解決當(dāng)你發(fā)現(xiàn)了一款你很喜歡的網(wǎng)站風(fēng)格的時(shí)候，但當(dāng)你復(fù)制了它的css樣式表的時(shí)候，里面某些框架使用圖片做的，顯示不出來(lái)，所以全變樣了的問(wèn)題而開(kāi)發(fā)的，它可以幫你分析出網(wǎng)頁(yè)css樣式中那些是圖片，并且可以利用它把圖片路徑轉(zhuǎn)換為相對(duì)路徑，并且下載下來(lái)。

二、CSS樣式圖片下載助手的下載與安裝：

1、下載軟件，軟件的下載地址：http://m.fzitv.net/softs/145797.html。

2、下載完成后解壓到任意位置，無(wú)需安裝，雙擊“CSS樣式圖片下載助手1.2.exe”即可啟動(dòng)軟件。

三、CSS樣式圖片下載助手如何使用：

啟動(dòng)軟件你會(huì)發(fā)現(xiàn)主界面上列舉出了操作步驟，但由于它的步驟說(shuō)得過(guò)于簡(jiǎn)單，下面我們以圖文的方式給大家做個(gè)詳細(xì)介紹。

1、我們以護(hù)衛(wèi)神技術(shù)頻道為例說(shuō)明，首先我們得將網(wǎng)站的CSS樣式表儲(chǔ)存下來(lái)，借助DebugBar軟件，迅速找出網(wǎng)頁(yè)的CSS樣式表源碼，并將它儲(chǔ)存成.css樣式表文件。

圖一：復(fù)制網(wǎng)頁(yè)css代碼

2、下面我們點(diǎn)擊軟件的“第一步”按鈕，選擇我們剛才保存的css樣式文件。

圖二：進(jìn)行第一步選擇css文件

3、再點(diǎn)擊“第二步”按鈕，然后點(diǎn)擊分析“分析圖片網(wǎng)址”按鈕，如果該CSS樣式表中使用了圖片的話，就會(huì)在列表框中顯示出來(lái)。

圖三：第二步-分析css樣式表中是否存在圖片

4、再點(diǎn)擊“第三步”按鈕，輸入網(wǎng)站的絕對(duì)路徑和相對(duì)路徑，絕對(duì)路徑一般是網(wǎng)站的網(wǎng)址，相對(duì)路徑還是借助DebugBar插件，點(diǎn)擊樣式表下的樣式表文件，就會(huì)在href屬性中顯示出路徑，它的相對(duì)路徑就是網(wǎng)址+樣式表文件路徑，然后點(diǎn)擊“轉(zhuǎn)換圖片地址”按鈕。它會(huì)彈出一個(gè)瀏覽器，如果瀏覽器中圖片正常顯示的話，就說(shuō)明路徑填寫正確，可以被下載。

圖四：找css表的相對(duì)路徑

圖五：路徑填寫正確后，開(kāi)始轉(zhuǎn)換圖片地址

圖六：瀏覽器中測(cè)試路徑填寫正確

5、最后進(jìn)行第四步，完事具備只差下載圖片了，建議勾選“更改css圖片路徑”選項(xiàng)，以免再使用過(guò)程中圖片還是無(wú)法顯示，不過(guò)如果是懂div+css布局的童鞋們，可以不勾選自己設(shè)置，然后點(diǎn)擊“開(kāi)始下載圖片”按鈕等待下載完成即可。

圖七：開(kāi)始下載圖片并自動(dòng)更改css樣式表中的相對(duì)路徑

圖八：圖片下載到了css樣式表路徑下

小結(jié)：如果你現(xiàn)在正在糾結(jié)于一個(gè)很漂亮的樣式可看去不可據(jù)為己有的話，如果你使用CSS樣式圖片下載助手的話一切都迎刃而解了，最多十分鐘就可以搞定了，是一款比較優(yōu)秀的仿站助手軟件。

上文中提到的DebugBar軟件下載地址：http://m.fzitv.net/softs/99012.html。

最新評(píng)論