ECMAScript 6网页样式修正器
生活随笔
收集整理的這篇文章主要介紹了
ECMAScript 6网页样式修正器
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
最近在看ES6這一方面的圖書,在搜索的過程中發現了《ECMAScript 6 入門-阮一峰》,感覺還不錯。因為我個從比較喜歡看紙質的書,就想把這本書給打印下來。
但是網頁版的《ECMAScript 6 入門-阮一峰》設置的樣式只適合在網頁上查看,并不適合進行打印輸出,因為在打印中會包含不需要的左側欄目、評論欄目和一些快捷操作的按鈕,還有代碼的背景是純黑色也不適合打印輸出。
于是我就通過直接修改網頁樣式的方式進行樣式適應,這種方法確實能實現打印樣式的效果,但是這本書章節太多,每個章節都要操作很多步驟,這樣下來,整合完一本書消耗的時間太大了。
想到這里,對于這種重復性的動作,還是通過制作個腳本來的劃算,效率也高。
于是,我把需要刪除的DOM和需要修改樣式的DOM進行了匯總,通過按鍵精靈寫了下面這款修正器。
使用方法:
將http: //es6.ruanyifeng.com網址內的章節內容復制到修正器的網址輸入框內,點擊“打開”,此時界面中顯示的是正常的網頁內容,然后點擊“解析”按鈕,此時樣式便進行優化修改。
原始樣式:
修正后的樣式:
接下來做的,就是右擊,選擇“打印”,然后通過PDF打印機將網頁轉換成PDF文件,最后通過Acrobat將PDF文件合并就完成了。
相關下載
- ECMAScript 6網頁文件修正器.exe
- 《ECMAScript 6 入門-阮一峰》PDF完整版
博客名稱:王樂平博客
CSDN博客地址:http://blog.csdn.net/lecepin
總結
以上是生活随笔為你收集整理的ECMAScript 6网页样式修正器的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 微信撤回软件安卓版_微信强制撤回软件下载
- 下一篇: CentOS6最小化安装默认启动的服务说