谷歌Chrome浏览器保存网页为PDF

人，一旦没(察觉到)压力，就会变得简(sha)单(bi)！

本文所介绍的内容并不是简单的右键->打印->保存，还利用前端的一小点技巧，看官们请留意哟。可以使保存先来的pdf质量(可读性)更高。

通常大家遇到自己心仪的网页或博客，就很想把内容保存下来，供自己随时查阅。

一般操作：保存整个页面(文件夹的形式)，或者直接Ctrl+S；
高级操作：右键打印为pdf，或者Ctrl+P；
骚操作：在打印前，先调整页面布局，再打印。

接下来就介绍最后一种操作，这种操作最好是使用谷歌Chrome浏览器。

step 0：关闭页面上能手动关闭的广告或提示。

step 1：确保要保存的内容完整，例如CSDN的“阅览更多”。

step 2：右键检查元素

step 3：修改标签属性(display:none)，隐藏头部导航栏与侧边栏以及浮动元素

选择元素

隐藏头部

隐藏侧边栏

浮动元素

step 4：使内容铺满

step 5：打印预览

注意：图中的目标打印机选择为另存为PDF，同时注意下方的更多设置

最后就是保存了？？？？当然不是，如果发现内容排版不是自己想要的样式，需要取消打印，重新调整。

常见的调整有：

给main元素，添加属性“padding-right: 100px”
取消元素的宽度限制，将宽度设为100%；
取消元素的float属性等

由于这个操作，不怎么容易描述，所以选择了动态图片演示，望大家见谅。如果疑问，请先自己解决。

事不分大小，不用刻意追求先后，重点在于你想不想做。 Throne - nwpu

不知道这款富文本编辑器，为何只能(回车)新增一行，而不能(backSpace/del)删除一行.......

谷歌Chrome浏览器保存网页为PDF相关推荐

java实现浏览器ui中的收藏夹_谷歌改进Google Chrome浏览器中的PDF浏览器带来全新UI...
最近,谷歌一直在不断地改进在Chrome浏览器的PDF浏览器.例如,它开发了一个选项,以查看PDF的两页视图,并让你保存PDF表格.但这并不足够,由于目前的用户界面信息贫乏容易引发误解和困扰,谷歌正在 ...
谷歌浏览器扩展程序XDM_设计师的谷歌Chrome浏览器拓展程序推荐！Design Service Center...
01 Dualsub --Youtube 视频双语翻译字幕在我们使用Youtube时时常会遇到我们想看的视频,但往往因为没有中文字幕而导致无法观看,现在Dualsub这款插件就能实现你的愿望了.他可 ...
谷歌 chrome 浏览器开发者工具打不开的解决方法
谷歌 chrome 浏览器开发者工具打不开的解决方法参考文章: (1)谷歌 chrome 浏览器开发者工具打不开的解决方法 (2)https://www.cnblogs.com/youding/p/ ...
谷歌浏览器书签栏怎么隐藏谷歌Chrome浏览器书签栏隐藏教程
打开谷歌Chrome浏览器,进入设置页面; 谷歌浏览器书签栏怎么隐藏?谷歌Chrome浏览器书签栏隐藏教程谷歌浏览器书签栏怎么隐藏?谷歌Chrome浏览器书签栏隐藏教程待设置页面弹出后,滑动找寻& ...
谷歌Chrome浏览器欲推门户网站聚合正测试新“探索”页面
谷歌chrome浏览器欲推门户网站聚合正测试新"探索"页面对于国内的浏览器来说,应用界面中集成门户网站聚合的做法非常常见.最近有消息显示,谷歌Chrome浏览器也可能要效仿这一 ...
谷歌Chrome浏览器添加新技术可防止广告主追踪用户
谷歌chrome浏览器添加新技术可防止广告主追踪用户据美国科技媒体ZDNet报道,谷歌Chrome提出一套新的技术解决方案,目的是想调和用户隐私与广告投放之间的矛盾. 新方案名叫Privacy S ...
谷歌Chrome浏览器发布10年成霸主
谷歌chrome浏览器发布10年成霸主 9月3日消息,据The Verge报道,谷歌于2008年9月2日首次发布了Chrome浏览器.作为"浏览器的全新体验",Chrome首次推出 ...
谷歌浏览器检查功能_谷歌Chrome浏览器添加新功能，爱”吃“内存有应对之策？...
谷歌Chrome浏览器是Windows上占用资源最多的应用程序之一,如果安装扩展程序或打开过多的选项卡,其将占用更多的内存.据悉,目前Google Chrome Canary内部版本对一项新功能进行了 ...
谷歌浏览器linux 64怎么安装插件,Ubuntu 16.04下安装64位谷歌Chrome浏览器
1.进入 Ubuntu 16.04 桌面,按下 Ctrl + Alt + t 键盘组合键,启动终端. 也可以按下 Win 键(或叫 Super 键),在 Dash 的搜索框中输入 terminal 或 ...
谷歌chrome浏览器提示“喔唷崩溃啦”的解决方案
谷歌chrome浏览器提示"喔唷崩溃啦"的解决方案参考文章: (1)谷歌chrome浏览器提示"喔唷崩溃啦"的解决方案 (2)https://www.cn ...

谷歌Chrome浏览器保存网页为PDF

谷歌Chrome浏览器保存网页为PDF相关推荐

最新文章

热门文章