ECMAScript 6网页样式修正器

最近在看ES6这一方面的图书,在搜索的过程中发现了《ECMAScript 6 入门-阮一峰》,感觉还不错。因为我个从比较喜欢看纸质的书,就想把这本书给打印下来。

但是网页版的《ECMAScript 6 入门-阮一峰》设置的样式只适合在网页上查看,并不适合进行打印输出,因为在打印中会包含不需要的左侧栏目、评论栏目和一些快捷操作的按钮,还有代码的背景是纯黑色也不适合打印输出。

于是我就通过直接修改网页样式的方式进行样式适应,这种方法确实能实现打印样式的效果,但是这本书章节太多,每个章节都要操作很多步骤,这样下来,整合完一本书消耗的时间太大了。

想到这里,对于这种重复性的动作,还是通过制作个脚本来的划算,效率也高。

于是,我把需要删除的DOM和需要修改样式的DOM进行了汇总,通过按键精灵写了下面这款修正器。

使用方法:

将http: //es6.ruanyifeng.com网址内的章节内容复制到修正器的网址输入框内,点击“打开”,此时界面中显示的是正常的网页内容,然后点击“解析”按钮,此时样式便进行优化修改。

原始样式:

修正后的样式:

接下来做的,就是右击,选择“打印”,然后通过PDF打印机将网页转换成PDF文件,最后通过Acrobat将PDF文件合并就完成了。


相关下载


博客名称:王乐平博客

CSDN博客地址:http://blog.csdn.net/lecepin

  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值