当前位置:
首页 >
ECMAScript 6网页样式修正器
发布时间:2023/12/9
43
豆豆
生活随笔
收集整理的这篇文章主要介绍了
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最小化安装默认启动的服务说