五百丁简历下载的一种方法

爱必应

之前出过一期教程,是关于下载自己在五百丁上的简历的。
时境变迁,这个方法已经不能用了。
下面将分享一个油猴脚本,重新实现下载。
思路如下:
调用jQuery.print.js这个包对网页进行打印,将打印出来的PDF保存即可。
代码如下:
[JavaScript] 纯文本查看 复制代码

// ==UserScript==// @name 五百丁简历下载// @namespace [url]http://tampermonkey.net/[/url]// @version 1.0// @description 五百丁简历通过打印方式转存为PDF// @AuThor 炎爷123// @match [url]https://www.500d.me/cvresume/edit/[/url]*// @grant none// ==/UserScript==(function () { 'use strict'; // Your code here... let print_btn = document.querySelector('#cvresumePrintBtn'); print_btn.id = "download"; print_btn.className = "header_print_btn"; print_btn.addEventListener("click", function () { let css_path = this.getAttribute("data-css"); var print_html = '<div class="printtips_img"></div>' + '<p>1、在打印设置中将边距设置为 <span>“无”</span></p>' + '<p>2、然后请勾选 <span>“背景图形”</span></p>'; common.main.resume_confirm({ title: "打印提示", content_html: print_html, modal_class: "resume_printtips_modal", ok: '知道了,去打印', onOk: function () { var version = new Date().getTime(); // 打印时隐藏其他内容 $("#resume_base .baseItem-toolbar").addClass("hidden"); $("#resume_base .date_select").addClass("hidden"); $("#resume_base .page_tips").addClass("hidden"); $("#resume_base").print({ globalStyles: false,//是否包含父文档的样式,默认为true stylesheet: [ "/resources/500d/cvresume/css/base_template.css?v=" + version, "/resources/500d/cvresume/css/parts_css.css?v=" + version, "/resources/500d/cvresume/css/export.css?v=" + version, css_path + '?v=' + version, ]//外部样式表的URL地址,默认为null }); $("#resume_base .baseItem-toolbar").removeClass("hidden"); $("#resume_base .date_select").removeClass("hidden"); $("#resume_base .page_tips").removeClass("hidden"); } }); })})();

使用教程:
安装油猴脚本
登录五百丁
进入到自己简历编辑的界面(网址一般为https://www.500d.me/cvresume/edit/***)
点击打印按钮
按照提示操作即可

五百丁简历下载的一种方法-图1

声明:本站所有资源均由网友分享,如有侵权内容,请在文章下方留言,本站会立即处理。

原文链接:,转发请注明来源!

发表评论