ECMAScript 6网页样式修正器

本文介绍了一种将《ECMAScript6入门-阮一峰》网页版内容转换为适合打印的PDF格式的方法。作者通过编写脚本自动去除不必要的网页元素,并调整样式以便于打印输出。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

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

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

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

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

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

使用方法:

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

原始样式:

修正后的样式:

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


相关下载


博客名称:王乐平博客

优快云博客地址:http://blog.youkuaiyun.com/lecepin

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

王乐平

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值