ECMAScript 6网页样式修正器

来源：互联网发布：2020软件编辑：程序博客网时间：2024/06/05 00:38

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

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

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

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

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

使用方法：

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

原始样式：

修正后的样式：

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