欢迎访问 生活随笔!

生活随笔

当前位置: 首页 >

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网页样式修正器的全部内容,希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错,欢迎将生活随笔推荐给好友。