正确将博客网页保存为pdf：

遇到好的博客，直接用浏览器默认的打印，得到的pdf存在一些格式问题。本文介绍如何通过一段脚本来打印理想的pdf。

问题描述

直接用浏览器打印机获得的pdf格式混乱，如下图所示：

``

解决方案：

1.找到浏览器的开发人员工具，以edge浏览器为例：
找到浏览器右上角头像旁边“…”的位置—>点击找到“更多工具”—>点击找到“开发人员工具”
2.在“开发人员工具”中找到“控制台”
3.复制以下脚本内容到“控制台”—>点击enter运行—>自动弹出虚拟打印机，就能获得格式整齐的pdf了：

(function doPrint(){      'use strict';var articleBox = $("div.article_content");articleBox.removeAttr("style");var head_str = "";       var foot_str = "";   var older = document.body.innerHTML;       var title= document.getElementsByClassName('article-title-box')[0].innerHTML; var main_body = document.getElementsByClassName('article_content')[0].innerHTML;document.body.innerHTML = head_str + title + main_body + foot_str;$("#mainBox").width("100%");document.getElementsByTagName('body')[0].style.zoom=0.8;     window.print();document.body.innerHTML = older;return false;
})();

正确将博客网页保存为pdf相关推荐

如何打印CSDN博客？将CSDN博客内容保存为PDF然后下载
进入文章页面按F12 点击Console 输入下面代码,然后按回车 (function(){$("#side").remove(); $("#comment_title ...
用树莓派做服务器运行博客网页
文章目录阅读本文你将了解的知识点: 树莓派做服务器运行Hexo博客网页 1.服务器框架 2.本地Hexo设置 2.1 安装GIT 2.2 安装NodeJs 2.3 安装Hexo 2.4 Hexo生成 ...
前端综合项目-个人博客网页设计
个人博客前端部分设计文章目录前端综合项目-个人博客网页设计 1. 预计效果 2. 公共样式设计 2.1 背景设计 2.2 导航栏设计 2.3 博客列表页和博客详情页的共同内容 2.3.1 页面划分 ...
如何用php制作博客网页,博客网页制作的网站
博客网页制作的网站 1.制作一个自己的印章. 2.EOOOL是QQ头像.MSN头像.论坛头像.论坛签名.博客广告.通讯工具(邮件. MSN.QQ.书签)等的标签快速生成工具,一个方便.实用的图片制作网 ...
基于Hexo+Gitee的个人静态博客网页搭建
基于Hexo+Gitee的个人静态博客网页搭建前言环境搭建:NodeJs+Git+Hexo (Win10+64位) NodeJs安装 Hexo安装主题配置 Gitee仓库创建和部署个性化配置 ...
HTML5期末大作业：博客网页设计——个人博客5页(代码质量好) 学生DW网页设计作业源码 web课程设计网页规划与设计
HTML5期末大作业:博客网页设计--个人博客5页(代码质量好) 学生DW网页设计作业源码 web课程设计网页规划与设计 HTML+CSS+JavaScript(毕业设计) 常见网页设计作业题材有个 ...
html5网页设计薛之谦个人网页适用个人博客网页模板
薛之谦个人博客网页设计模板由6个页面组成带音乐视频留言. <!DOCTYPE html><html><head><meta http-equiv=" ...
HTML期末大作业~web前端开发个人博客HTML整站模板~Web大学生网页成品 ~个人主页博客网页HTML设计制作...
HTML期末大作业~ 学生HTML个人网页作业作品下载个人主页博客网页设计制作大学生个人网站作业模板简单个人网页制作临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTM ...
学生HTML个人网页作业作品~个人主页博客网页设计制作(6个页面)~大学生个人网站作业模板~HTML简单个人网页制作
HTML期末大作业~ 学生HTML个人网页作业作品下载-个人主页博客网页设计制作大学生个人网站作业模板简单个人网页制作临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTM ...
HTML5+CSS大作业——简单的程序员个人博客(7页) 大学个人博客网页制作教程表格布局网页模板
HTML5+CSS大作业--简单的程序员个人博客(7页) 大学个人博客网页制作教程表格布局网页模板常见网页设计作业题材有个人. 美食. 公司. 学校. 旅游. 电商. 宠物. 电器. 茶叶. 家 ...

正确将博客网页保存为pdf

正确将博客网页保存为pdf：

遇到好的博客，直接用浏览器默认的打印，得到的pdf存在一些格式问题。本文介绍如何通过一段脚本来打印理想的pdf。

问题描述

``

解决方案：

正确将博客网页保存为pdf相关推荐

最新文章

热门文章