经过与评论区老哥@openbilibili的讨论，出现一个更加简单的第二种方法！
直接f12之后在控制台输入下列代码之后打印即可。
[JavaScript] 纯文本查看 复制代码document.body.innerHTML = document.querySelector(".tpl_main").innerHTML
也就是说一行代码就可以解决了。不过逆向过程依然留着。
1 前言
写简历找工作啦，百度随便搜索了一个简历制作网站。一顿编辑简历突然发现这个网站导出为任何一个简历为pdf居然需要vip，网站上面写着免费制作但是下载收费是吧，实属吃相有点难看了。
地址：aHR0cHM6Ly93d3cucW1qaWFubGkuY29tLw==点击下载简历会提示开vip
2 逆向分析
在没有vip的情况下通过fiddler抓包发现下载时会先发送请求获取vip信息
所有链接关键字符已替换
获取vip信息请求链接:https://——————/xxxx/resume/getVipInfo?userId=xxx&loginCode=xxxx&t=xxxxx
获取vip信息响应结果:{"code":1,"status":"success","data":[{"id":xxxxx,"vip":0,"resumeList":"","downNum":0,"aiNum":0,"vipTime":null}]}
直观上感觉vip为1时就代表有vip，然后vipTime代表vip到期时间。
替换后响应如下：
然后手动修改了一下响应体之后再次点击下载简历，果然点击下载简历的时候，开始进行pdf的下载请求。
下载请求：https://---------/online/downpdf HTTP/1.1
但是故事到这里还没有结束，请求接口会发现响应为{"code":2,"status":"error","data":"您不是会员，没有下载权限！"}，无法下载。显然后端验证了vip权限，此时无解。
但是我们的目的是得到pdf文件。而不是一定需要通过接口去得到pdf文件
观察了下载链接的请求，请求体为：
[Java] 纯文本查看 复制代码{
"userId": xxxxx,
"loginCode": "xxxx",
"resumeId": "xxxx",
"cssStr": "css样式",
"htmlDom": "html元素",
"type": "pdf"
}
通过观察可以知道简历文件由请求体的cssStr与htmlDom共同构成最终由html样板代码代码加上这两个字符串，保存为一个html文件，之后在浏览器打开之后在利用浏览器自带的pdf打印即可打印出来简历
如下所示：
[HTML] 纯文本查看 复制代码
Title
cssStr
htmlDom(注意这里需要取出转义字符"\")
3 最终结果
网页端编辑结果为：
最终通过浏览器打印出来的pdf如下，可以看出是一致的：
4 后续部分问题处理
浏览器打印需要进行如下设置才能正确打印出需要的简历
经回复反映确实存在图标缺失的问题。经过排查是因为没有导入字体文件的原因，按照图示即可找到引入字体文件的css，只需要导入css以及字体文件，就会有图标了
字体文件在网络选项卡中可以找到，根据网站host在拼接引入字体文件的css中的字体文件地址即可下载字体文件
我整理好了如果出现技能条缺失或者出现图表缺失导入下列css代码即可
字体css链接:https://www.alipan.com/s/M8BJifghQ4P
5 补充图标的pdf
