最近由于組內(nèi)有同學(xué)工作需要,要經(jīng)常下載某頁(yè)面的所有JS文件或者CSS文件。如果一個(gè)一個(gè)的下載,非常耗費(fèi)時(shí)間。于是開發(fā)了一個(gè)可以批量下載網(wǎng)頁(yè)資源的擴(kuò)展 — DownFaster。
本系列主要介紹新手如何開發(fā)chrome擴(kuò)展,主要以我開發(fā)的這個(gè)擴(kuò)展為例,介紹一下chrome擴(kuò)展開發(fā)的樂趣和辛酸,我趟過的坑大家就別趟了~
本篇為Chrome擴(kuò)展開發(fā)系列的第一篇,就先”得瑟”一下這個(gè) DownFaster的產(chǎn)品。
【由于本人的設(shè)計(jì)水平相當(dāng)有限,非常感謝大前端的浩子同學(xué)對(duì)這個(gè)產(chǎn)品UI的大力支持?!?/p>
先放一張DownFaster的截圖。
這款產(chǎn)品主要功能是批量下載當(dāng)前頁(yè)面的JS文件、CSS文件和圖片資源。
界面主要根據(jù)文件的類型分為三個(gè)選項(xiàng)卡,你可以勾選自己需要的文件。如果切換到圖片選項(xiàng)卡,還可以直觀的看到圖片。
勾選完畢之后,點(diǎn)擊右上方的”Download”按鈕,去下載區(qū)域看看,你選擇的這些文件已經(jīng)放在downfaster的ZIP包里啦!是不是很方便呢?
感興趣的同學(xué)可以去下載一個(gè)試一試。如果使用過程中遇到BUG,請(qǐng)及時(shí)聯(lián)系Bugrose(feifeipan59@gmail.com).
對(duì)了,如果你覺得這個(gè)產(chǎn)品還不錯(cuò),歡迎點(diǎn)擊”Donate”按鈕,有錢的捧個(gè)錢場(chǎng),有意的捧個(gè)好評(píng)哈~
如果你看到那么多精美的圖片都想下載下來,別一個(gè)一個(gè)點(diǎn)擊保存啦,直接用DownFaster吧~
如果你想看看這個(gè)頁(yè)面實(shí)現(xiàn)那么炫的效果用了什么JS,別一個(gè)一個(gè)找出來保存啦,直接用DownFaster吧~
DownFaster 讓下載保存不再那么枯燥!
如果在使用中遇到什么問題,請(qǐng)留言支持,謝謝!