把知乎、CSDN、简书、博客园、开源中国、掘金、思否七大主流博客网站的文章部分另存为PDF，便于本地进行编辑。兼容chrome,firefox,edge浏览器，其余未测试
// ==UserScript==
// @name 博客转PDF(网页局部区域打印)-适用于知乎、CSDN、掘金、博客园、开源中国、简书、思否
// @namespace https://greasyfork.org/zh-CN/scripts/428697
// @homepageURL https://greasyfork.org/zh-CN/scripts/428697
// @home-url1 https://github.com/dossweet/sweet-WebJS
// @version 10.13
// @description 把知乎、CSDN、简书、博客园、开源中国、掘金、思否七大主流博客网站的文章部分另存为PDF，便于本地进行编辑。兼容chrome,firefox,edge浏览器，其余未测试
// @author dossweet
// @include https://zhuanlan.zhihu.com/p/*
// @include https://www.zhihu.com/question/*/answer/*
// @include https://www.zhihu.com/question/*
// @include https://blog.csdn.net/*/article/details/*
// @include https://*.blog.csdn.net/article/details/*
// @match https://www.jianshu.com/p/*
// @include https://www.cnblogs.com/*
// @include https://juejin.cn/post/*
// @include https://my.oschina.net/*/blog/*
// @include https://my.oschina.net/*/*/blog/*
// @include https://www.oschina.net/question/*
// @include https://segmentfault.com/a/*
// @run-at document-idle
// @icon https://cdn.jsdelivr.net/gh/dossweet/sweet-WebJS@master/image/sweet.jpg
// @require https://cdn.staticfile.org/jquery/1.9.1/jquery.min.js
// @require https://cdn.jsdelivr.net/npm/jQuery.print@1.5.1/jQuery.print.min.js
// @require https://code.jquery.com/jquery-migrate-1.2.1.min.js
// @note v10.13 优化知乎中公式重复出现问题逻辑
// @note v10.12 修复知乎中公式重复出现的问题
// @note v10.11 代码升级，采用更规范的写法 & 修复知乎公式打印失败的问题(较复杂) 1024程序员节快乐呀
// @note v10.10 修复博客园长图片打印失败的问题
// @note v10.9 修复掘金和思否图标添加失败的问题
// @note v10.8 修复知乎平台公式图片加载失败问题
// @note v10.7 修复由于知乎平台的代码优化导致的公式打印失败问题
// @note v10.6 修复由于掘金改版导致的打印失效的问题&&修复知乎讨论页打印失败的问题&&恢复保留所有平台的作者信息
// @note v10.5 修改脚本名称
// @note v10.4 修复由于知乎改版带来的新bug以及question推荐页面强制跳转的bug
// @note v10.3 删除许可证
// @note v10.2 修复csdn页面打印不全的bug
// @note v10.1 修复csdn个别页面失效问题
// @note v10.0 整合了思否
// @note v9.0 整合了开源中国
// @note v8.0 整合了掘金
// @note v7.0 整合了博客园
// @note v6.0 整合了简书
// @note v5.0 整合了csdn
// @note v4.0 整合了知乎
// @note v1.0 实现知乎网页打印功能
// ==/UserScript==
(function () {
'use strict';
let page2pdfClick = false;
let listItemNumber = 0;
let buttonClickCount = 0;
let opeArray = [];
let hasAddStyle = false;
let pageConfigure = {
parentDiv: "",
firstChild: "",
lastChild: "",
index: 0,
pageHref: "",
ifNeedPageRedirect: false,
currentPage: 0
}
let pageHref = window.location.href;//获取网址
if (pageHref.indexOf("www.zhihu.com/question/") != -1 && pageHref.indexOf("/answer/") != -1) {//表示是讨论回答,推荐回答页面
pageConfigure.pageHref = pageHref;
pageConfigure.parentDiv = "QuestionButtonGroup";
pageConfigure.firstChild = "FollowButton";
$(document).ready(function () {
let readMoreBtn = document.querySelectorAll('.ContentItem-expandButton');
// 自动点击页面上所有回答的阅读全文
for (let i = 0; i < readMoreBtn.length; i++) {
readMoreBtn[i].click();
}
});
let readAllAnswer = $('.ViewAll-QuestionMainAction');
for (let i = 0; i < readAllAnswer.length; i++) {
readAllAnswer[i].setAttribute('href', 'javascript:void(0)');
readAllAnswer[i].addEventListener('click', () => {
toAllAnswerPage();
})
}
pageConfigure.currentPage = 0;//表示是知乎的讨论页
} else if (pageHref.indexOf("zhuanlan.zhihu.com/p") != -1) {//表示是文章页
pageConfigure.pageHref = pageHref;
pageConfigure.parentDiv = "ColumnPageHeader-Button";
pageConfigure.firstChild = "ColumnPageHeader-WriteButton";
pageConfigure.currentPage = 0;//表示是知乎
} else if (pageHref.indexOf("www.zhihu.com/question/") != -1) {//知乎讨论回答，包含所有回答
pageConfigure.pageHref = pageHref;
pageConfigure.parentDiv = "QuestionButtonGroup";
pageConfigure.firstChild = "FollowButton";
//给所有讨论的父节点添加className,便于后续监听页面懒加载
let listParentDiv = $(".List-item")[0].parentElement;
listParentDiv.className = "listParent";
pageConfigure.currentPage = 0;//表示是知乎
} else if (pageHref.indexOf("csdn") != -1) {//表示是csdn文章页
pageConfigure.pageHref = pageHref;
pageConfigure.parentDiv = "onlyUser";
pageConfigure.lastChild = "toolbar-btn-write";
pageConfigure.firstChild = "toolbar-btn-vip";
pageConfigure.currentPage = 1;//表示是csdn
} else if (pageHref.indexOf("jianshu") != -1) {//表示是简书文章页
pageConfigure.pageHref = pageHref;
pageConfigure.parentDiv = "_26qd_C";
pageConfigure.currentPage = 2;//表示是简书
} else if (pageHref.indexOf("cnblogs") != -1) {//表示是博客园
pageConfigure.pageHref = pageHref;
pageConfigure.parentDiv = "navList";
pageConfigure.currentPage = 3;//表示是博客园
} else if (pageHref.indexOf("juejin") != -1) {//表示是掘金文章页
pageConfigure.pageHref = pageHref;
pageConfigure.currentPage = 4;//表示是掘金
} else if (pageHref.indexOf("oschina") != -1) {//表示是开源中国
pageConfigure.pageHref = pageHref;
if (pageHref.indexOf("blog") != -1) {
pageConfigure.parentDiv = "action-box";
}
pageConfigure.currentPage = 5;//表示是开源中国
} else if (pageHref.indexOf("segmentfault") != -1) {//表示是思否
pageConfigure.pageHref = pageHref;
pageConfigure.currentPage = 6;//表示是思否
}
if (pageConfigure.ifNeedPageRedirect == true) {
window.location.replace(pageConfigure.pageHref);
}
function toAllAnswerPage() {
let index = pageConfigure.pageHref.indexOf("answer");
let pageHref = pageConfigure.pageHref.substring(0, index - 1);
window.location.replace(pageHref);
}
// 关闭登录框
function closeLogin() {
if (pageConfigure.currentPage == 0) {
let removeLoginModal = e => {
if (e.target.innerHTML && e.target.getElementsByClassName('Modal-wrapper').length > 0) {
if (e.target.getElementsByClassName('Modal-wrapper')[0].querySelector('.signFlowModal')) {
let button = e.target.getElementsByClassName('Button Modal-closeButton Button--plain')[0];
if (button) button.click();
}
}
}
document.addEventListener('DOMNodeInserted', removeLoginModal);
}
}
closeLogin();
let parentDiv = "";
let firstChild = "";
// 1代表csdn，4代表掘金，5代表开源中国，6代表思否
// 在本脚本中，0-知乎，1-csdn，2-简书，3-博客园，4-掘金，5-开源中国，6-思否
let div = "";
let div1 = "";
let div4 = "";
let div5 = "";
let div6 = "";
switch (pageConfigure.currentPage) {
case 0:
case 1:
if (pageConfigure.currentPage == 0) {
firstChild = document.querySelector('.' + pageConfigure.firstChild);
}
parentDiv = document.querySelector('.' + pageConfigure.parentDiv);
div = document.createElement("div");
div.innerHTML = '<button type="button" class="printButton">\n' +
' <img id="printLogo" src="https://cdn.jsdelivr.net/gh/doublesweet01/BS_script@master/image/printLogo.png">\n' +
' <p>文章转PDF</p>\n' +
' </button>';
div.className = "pagePrint";
break;
case 2:
parentDiv = document.querySelector('.' + pageConfigure.parentDiv);
div = document.createElement("button");
div.innerHTML = '文章转PDF';
div.className = "_1OyPqC _3Mi9q9 _1YbC5u printButton";
div.type = "button";
break;
case 3:
parentDiv = document.querySelector('#' + pageConfigure.parentDiv);
if (!parentDiv) {//博客园特殊的一个网页模板
parentDiv = document.getElementById("leftmenu").children[1];
}
div = document.createElement("li");
div.innerHTML = '<a id="printButton" class="menu" href="javascript:void(0);">\n' +
' 文章转PDF' +
' </a>';
div.id = "pagePrint";
break;
case 4:
div = document.createElement("div");
div.innerHTML =
' <div class="pagePrint panel-btn">\n' +
' <div class="tooltip">\n' +
' <img id="printLogo" src="https://cdn.jsdelivr.net/gh/doublesweet01/BS_script@master/image/printLogo-jj.png">\n' +
' </div>\n' +
' </div>\n';
div.className = "printButton";
div4 = document.createElement("div");
div4.innerHTML = '<div class="tooltip-one"></div>\n' +
' <div class="tooltip-two">文章转PDF</div>';
div4.className = "tooltips";
break;
case 5:
if (pageConfigure.parentDiv.length > 0) {
parentDiv = document.querySelectorAll('.' + pageConfigure.parentDiv)[1];
div = document.createElement("div");
div.innerHTML =
' <div class="action-item__button">\n' +
' <img id="printLogo" src="https://cdn.jsdelivr.net/gh/doublesweet01/BS_script@master/image/printLogo04.png">\n' +
' </div>\n' +
' <div class="action-item__text">\n' +
' <p>转PDF</p>' +
' </div>\n';
div.className = "action-item printButton";
} else {
div1 = document.createElement("div");
div1.innerHTML =
' <img id="printLogo" src="https://cdn.jsdelivr.net/gh/doublesweet01/BS_script@master/image/printLogo04.png">\n';
div1.className = "printButton";
div5 = document.createElement("div");
div5.innerHTML = '<div class="tooltip-one"></div>\n' +
' <div class="tooltip-two">文章转PDF</div>';
div5.className = "tooltips";
}
break;
case 6:
div = document.createElement("div");
div.innerHTML =
' <div class="pagePrint panel-btn">\n' +
' <div>\n' +
' <img id="printLogo" src="https://cdn.jsdelivr.net/gh/doublesweet01/BS_script@master/image/printLogo05.png">\n' +
' </div>\n' +
' </div>\n';
div.className = "printButton";
div6 = document.createElement("div");
div6.innerHTML = '<div class="tooltip-one"></div>\n' +
' <div class="tooltip-two">文章转PDF</div>';
div6.className = "tooltips";
break;
default:
break;
}
let cssStyle = "";
let object = "";
let objectIcon = "";
let pos = "";
let btnTop = "";
let tipTop = "";
let btnWidth = "";
let btnLeft = "";
let tipLeft = "";
let scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
let scrollLeft = document.documentElement.scrollLeft || document.body.scrollLeft;
switch (pageConfigure.currentPage) {
case 0:
parentDiv.insertBefore(div, firstChild);
cssStyle = ".printButton {\n" +
" background-color: #056de8;\n" +
" color: white;\n" +
" padding: 0 12px;\n" +
" border-radius: 3px;\n" +
" margin-right: 5px;\n" +
" font-size: 14px;\n" +
" line-height: 34.5px;\n" +
" border: none;\n" +
" text-align: center;\n" +
" display: inline-flex;\n" +
" }\n" +
" #printLogo{\n" +
" width: 24px;\n" +
" height: 24px;\n" +
" margin-top: 5.25px;\n" +
" }\n" +
" .QuestionButtonGroup{\n" +
" display: -webkit-inline-box;\n" +
" }";
break;
case 1:
parentDiv.appendChild(div);
cssStyle = ".printButton {\n" +
" background-color: #ff4d4d;\n" +
" color: white;\n" +
" border-radius: 3px;\n" +
" padding-right: 5px !important;\n" +
" margin-top: 8px !important;\n" +
" margin-left: 5px !important;\n" +
" font-size: 14px;\n" +
" line-height: 32px;\n" +
" border: none;\n" +
" text-align: center;\n" +
" display: inline-flex;\n" +
" }\n" +
" #printLogo{\n" +
" width: 24px;\n" +
" height: 24px;\n" +
" margin-top: 5.25px;\n" +
" }\n" +
" .pagePrint{\n" +
" display: -webkit-inline-box;\n" +
" }";
break;
case 2:
parentDiv.appendChild(div);
cssStyle = "";
break;
case 3:
parentDiv.appendChild(div);
cssStyle = ".printButton {\n" +
" background-color: #ff4d4d;\n" +
" color: white;\n" +
" border-radius: 3px;\n" +
" padding-right: 5px !important;\n" +
" margin-top: 8px !important;\n" +
" margin-left: 5px !important;\n" +
" font-size: 14px;\n" +
" line-height: 32px;\n" +
" border: none;\n" +
" text-align: center;\n" +
" display: inline-flex;\n" +
" }\n" +
" #printLogo{\n" +
" width: 24px;\n" +
" height: 24px;\n" +
" margin-top: 5.25px;\n" +
" }\n" +
" .pagePrint{\n" +
" display: -webkit-inline-box;\n" +
" }";
break;
case 4:
document.body.appendChild(div);
document.body.appendChild(div4);
object = document.getElementsByClassName("panel-btn")[0];
if (object) {
pos = object.getBoundingClientRect();//参考坐标
btnLeft = pos.left;
btnTop = pos.top + pos.height * 9;
tipTop = btnTop + pos.height;
tipLeft = btnLeft - 5;
} else {
//当前浏览器不支持该方法
let actualLeft = getElementLeft(object);
let actualTop = getElementTop(object);
btnLeft = actualLeft - scrollLeft;
btnTop = actualTop - scrollTop + object.offsetWidth * 1.25;
tipTop = btnTop + object.offsetHeight;
tipLeft = btnLeft - 5;
}
cssStyle =
".pagePrint{\n" +
" background-color: white;\n" +
" border-radius: 50%;\n" +
" text-align: center;\n" +
" height: 4rem;\n" +
" width: 4rem;\n" +
" position: fixed;\n" +
" top: " + btnTop + "px;\n" +
" left: " + btnLeft + "px;\n" +
" z-index: 1000;\n" +
" }\n" +
" #printLogo{\n" +
" width:2rem;\n" +
" height:2rem;\n" +
" margin-top:1rem;\n" +
" }\n" +
" .tooltips{\n" +
" display: none;\n" +
" align-items: center;\n" +
" position: fixed;\n" +
" top: " + tipTop + "px;\n" +
" left: " + tipLeft + "px;\n" +
" }\n" +
" .tooltip-one {\n" +
" width: 0;\n" +
" height: 0;\n" +
" border-left: 6px solid transparent;\n" +
" border-right: 6px solid transparent;\n" +
" border-bottom: 12px solid black;\n" +
" margin-left: 20px;\n" +
" }\n" +
" .tooltip-two{\n" +
" background-color: black;\n" +
" color: white;\n" +
" font-size: 12px;\n" +
" width: 75px;\n" +
" height: 25px;\n" +
" text-align: center;\n" +
" border-radius: 5px;\n" +
" padding-top: 6px;\n" +
" margin-top: -5px;\n" +
" }";
break;
case 5:
if (pageConfigure.pageHref.indexOf("question") != -1) {
document.body.appendChild(div1);
document.body.appendChild(div5);
object = document.getElementsByClassName("codeBlock")[0];
objectIcon = document.getElementsByClassName("codeIcon")[0];
if (object) {
pos = object.getBoundingClientRect();//参考坐标
btnLeft = pos.left;
btnTop = pos.top - pos.height - 3;
btnWidth = pos.width * 0.935;
tipTop = btnTop;
tipLeft = btnLeft - btnWidth;
} else {
//当前浏览器不支持该方法
let actualLeft = getElementLeft(object);
let actualTop = getElementTop(object);
btnLeft = actualLeft - scrollLeft;
btnTop = actualTop - scrollTop + object.offsetWidth * 1.25;
btnWidth = object.offsetWidth * 0.93;
tipTop = btnTop;
tipLeft = btnLeft - btnWidth;
}
let margin = (btnWidth - objectIcon.offsetWidth) / 2;
cssStyle =
" .printButton{\n" +
" position:fixed;\n" +
" top:" + btnTop + "px;\n" +
" left:" + btnLeft + "px;\n" +
" width:" + btnWidth + "px;\n" +
" height:" + btnWidth + "px;\n" +
" z-index:2;\n" +
" border: 1px solid #ddd;\n" +
" background: #f5f5f5;\n" +
" box-sizing: content-box;\n" +
" }\n" +
" #printLogo{\n" +
" width:" + objectIcon.offsetWidth + "px;\n" +
" height:" + objectIcon.offsetWidth + "px;\n" +
" margin:" + margin + "px;\n" +
" }\n" +
" .tooltips{\n" +
" display: none;\n" +
" align-items: center;\n" +
" position: fixed;\n" +
" z-index: 3;\n" +
" top: " + tipTop + "px;\n" +
" left: " + tipLeft + "px;\n" +
" }\n" +
" .tooltip-one {\n" +
" width: 0;\n" +
" height: 0;\n" +
" border-top: 5px solid transparent;\n" +
" border-left: 10px solid black;\n" +
" border-bottom: 5px solid transparent;\n" +
" margin-left: 25px;\n" +
" margin-top: 5px;\n" +
" }\n" +
" .tooltip-two{\n" +
" background-color: black;\n" +
" color: white;\n" +
" font-size: 13px;\n" +
" width: 30px;\n" +
" height: 90px;\n" +
" text-align: center;\n" +
" border-radius: 5px;\n" +
" padding: 6px;\n" +
" margin-top: -15px;\n" +
" }";
} else {
parentDiv.appendChild(div);
cssStyle =
" #printLogo{\n" +
" width:1.1em;\n" +
" height:1.1em;\n" +
" }\n";
}
break;
case 6:
document.body.appendChild(div);
document.body.appendChild(div6);
object = document.getElementsByClassName("dropdown")[2];
if (object) {
pos = object.getBoundingClientRect();//参考坐标
btnLeft = pos.left;
btnTop = pos.top + pos.height * 1;
tipTop = btnTop + pos.height;
tipLeft = btnLeft - 5;
} else {
object = document.getElementsByClassName("dropdown")[1];
//当前浏览器不支持该方法
let actualLeft = getElementLeft(object);
let actualTop = getElementTop(object);
btnLeft = actualLeft - scrollLeft;
btnTop = actualTop - scrollTop + object.offsetWidth * 1.25;
tipTop = btnTop + object.offsetHeight;
tipLeft = btnLeft - 5;
}
cssStyle =
".pagePrint{\n" +
" background-color: white;\n" +
" border-radius: 50%;\n" +
" text-align: center;\n" +
" height: 2em;\n" +
" width: 2em;\n" +
" position: fixed;\n" +
" top: " + btnTop + "px;\n" +
" left: " + btnLeft + "px;\n" +
" z-index: 1000;\n" +
" }\n" +
"#printLogo{\n" +
" width:1.2em;\n" +
" height:1.2em;\n" +
" margin-top:0.4em;\n" +
" }\n" +
" .tooltips{\n" +
" display: none;\n" +
" align-items: center;\n" +
" position: fixed;\n" +
" top: " + tipTop + "px;\n" +
" left: " + tipLeft + "px;\n" +
" }\n" +
" .tooltip-one {\n" +
" width: 0;\n" +
" height: 0;\n" +
" border-left: 6px solid transparent;\n" +
" border-right: 6px solid transparent;\n" +
" border-bottom: 12px solid black;\n" +
" margin-left: 20px;\n" +
" }\n" +
" .tooltip-two{\n" +
" background-color: black;\n" +
" color: white;\n" +
" font-size: 12px;\n" +
" width: 75px;\n" +
" height: 25px;\n" +
" text-align: center;\n" +
" border-radius: 5px;\n" +
" padding-top: 6px;\n" +
" margin-top: -5px;\n" +
" }";
break;
}
let cssNode = document.createElement("style");
cssNode.id = "THT_Style";
cssNode.setAttribute("type", "text/css");
cssNode.innerHTML = cssStyle;
document.body.appendChild(cssNode);
switch (pageConfigure.currentPage) {
case 3:
$("#printButton").click(function () {
Promise.all([updateStyle()]).then(transformPDF);
});
setTimeout(() => {
removeImgLazyLoading('#mainContent', 0);
}, 1000);
break;
default:
$(".printButton").click(function () {
if (pageConfigure.currentPage == 0) {
if (pageConfigure.pageHref.indexOf("/p") != -1) {
let isFirefoxEnv = getBrowserUserAgent();
switch (isFirefoxEnv){
case true:
//先隐藏部分元素，然后打印。在打印完毕后再展示
Promise.all([removeImgLazyLoading('.Post-Main', 0), updateStyle()]).then(transformPDF);
break;
case false:
let el = document.getElementsByTagName('article')[0];
specialPrint(el, 'article');
break;
}
} else {
//表示是知乎讨论，知乎的讨论是采用懒加载的形式，每次增加五个
if (page2pdfClick == false) {//第一次点击时所有讨论都加上文章转PDF的文字
if (buttonClickCount > 0) {
removeStyle();
buttonClickCount--;
}
page2pdfClick = true;
addPrintText();
$(".printButton").text('取消转换');
} else {
let cssStyle =
" .pageButtons{\n" +
" display:none;\n" +
" }";
addStyle(cssStyle);
page2pdfClick = false;
if (pageConfigure.pageHref.indexOf("/question") != -1) {
$(".printButton").text('文章转PDF');
}
buttonClickCount++;
}
}
} else if (pageConfigure.currentPage == 1 || pageConfigure.currentPage == 4 || pageConfigure.currentPage == 5 || pageConfigure.currentPage == 6) {
Promise.all([updateStyle()]).then(transformPDF);
} else if (pageConfigure.currentPage == 2) {
createParentEle(".ouvJEz", 0);
Promise.all([updateStyle()]).then(transformPDF);
}
});
break;
}
function updateStyle() {
switch (pageConfigure.currentPage) {
case 0:
let parentDiv = $(".is-bottom")[0].parentElement;
parentDiv.className = "articleComment";
addStyle(".Post-Author{width:100%;}");
addStyle(".FollowButton,.Reward,.Post-topicsAndReviewer,.RichContent-action,.articleComment,.RichContent-actions,.ContentItem-actions,.LabelContainer-wrapper,.css-d5ulu0-CatalogContainer{display:none !important;}");
break;
case 1:
addStyle(".article-type-img,.blog-tags-box,.slide-content-box,.operating,#blog_detail_zk_collection,.article-heard-img,.read-count,#csdn-shop-window-top,#blogColumnPayAdvert{display:none !important;}\n");
addStyle(".article-header-box,.baidu_pl{width:90% !important;}");
break;
case 2:
addStyle("._3tCVn5,._1kCBjS,._19DgIp,._13lIbp,.d0hShY{display:none !important;}");
addStyle(".rEsl9f{margin-bottom:5px;}");
break;
case 3:
addStyle(".postDesc,#blog_post_info_block,#comment_form{display:none !important;}");
break;
case 4:
addStyle(".tag-list-box,.extension-banner,.follow-button{display:none !important;}");
addStyle(".author-info-block{margin-bottom:0rem !important;}");
break;
case 5:
if (pageConfigure.pageHref.indexOf("blog") != -1) {
addStyle(".article-box__group,.tags-box,.copyright-box,.action-box,.recommend-box,.comment-box{display:none !important;}");
addStyle(".article-box__meta,.item-list{display:inline-flex;}");
addStyle(".item{margin-right:1rem;}");
} else if (pageConfigure.pageHref.indexOf("question") != -1) {
addStyle(".tags,.poll-wrap,.additional-remarks,.segment{display:none !important;}");
}
break;
case 6:
addStyle(".functional-area-bottom,.flex-sm-row,.pt-4 align-items-center row{display:none !important;}");
break;
default:
break;
}
}
function removeImgLazyLoading(parentDom, index) {
let parentDiv = document.querySelectorAll(parentDom)[index];
let img = parentDiv.getElementsByTagName('img');
for (let i = 0; i < img.length; i++) {
img[i].removeAttribute('loading');
img[i].removeAttribute('data-lazy-status');
}
}
// 文章转pdf
function transformPDF() {
switch (pageConfigure.currentPage) {
case 0:
$(".Post-Main").print({
debug: false,
importCSS: true,
printContainer: true,
operaSupport: true
});
break;
case 1:
$(".blog-content-box").print({
debug: false,
importCSS: true,
printContainer: true,
operaSupport: true
});
break;
case 2:
$("#jsPrint").print({
debug: false,
importCSS: true,
printContainer: true,
operaSupport: true
});
break;
case 3:
$("#post_detail").print({
debug: false,
importCSS: true,
printContainer: true,
operaSupport: true
});
break;
case 4:
$(".article").print({
debug: false,
importCSS: true,
printContainer: true,
operaSupport: true
});
break;
case 5:
if (pageConfigure.pageHref.indexOf("blog") != -1) {
$(".article-box").print({
debug: false,
importCSS: true,
printContainer: true,
operaSupport: true
});
} else if (pageConfigure.pageHref.indexOf("question") != -1) {
$(".article-detail").print({
debug: false,
importCSS: true,
printContainer: true,
operaSupport: true
});
}
break;
case 6:
$(".card-body").print({
debug: false,
importCSS: true,
printContainer: true,
operaSupport: true
});
break;
}
if (pageConfigure.currentPage == 0 || pageConfigure.currentPage == 1 || pageConfigure.currentPage == 2 || pageConfigure.currentPage == 4) {//csdn特殊处理，需要两次removeStyle
removeStyle();
removeStyle();
} else if (pageConfigure.currentPage == 5 && pageConfigure.pageHref.indexOf("blog") != -1) {
removeStyle();
removeStyle();
removeStyle();
} else if (hasAddStyle == true) {
removeStyle();
}
safeWaitFunctionTT();
}
// 新增样式，去除局部打印区域中不要的元素
function addStyle(style) {
let newStyle = document.getElementById("THT_Style");
newStyle.appendChild(document.createTextNode(style));
hasAddStyle = true;
}
// 恢复样式
function removeStyle() {
let newStyle = document.getElementById("THT_Style");
newStyle.removeChild(newStyle.lastChild);
hasAddStyle = false;
}
//为现有节点添加新的父元素，便于操作当前节点
function createParentEle(currentNode, newParentIndex) {
let printDiv = $(currentNode)[newParentIndex];
let parentNew = document.createElement("div");
let parentID = "";
if (pageConfigure.currentPage == 0) {
parentID = 'newParentIndex' + newParentIndex;
} else if (pageConfigure.currentPage == 2) {
parentID = 'jsPrint';
}
parentNew.id = parentID;
printDiv.parentNode.replaceChild(parentNew, printDiv);
parentNew.appendChild(printDiv);
}
//需要使用offsetLeft，offsetTop方法。需要明确的是这两个方法都是当前元素相对于其父元素的位置，所以要得到相对于页面的距离需要循环计算。
function getElementLeft(ele) {
let actualLeft = ele.offsetLeft;
let current = ele.offsetParent;
while (current !== null) {
actualLeft += current.offsetLeft;
current = current.offsetParent;
}
return actualLeft;
}
function getElementTop(ele) {
let actualTop = ele.offsetTop;
let current = ele.offsetParent;
while (current !== null) {
actualTop += current.offsetTop;
current = current.offsetParent;
}
return actualTop;
}
function hoverEvent() {
if (pageConfigure.currentPage == 4 || pageConfigure.currentPage == 6) {
$(".printButton").hover(function () {
$(".tooltips").show(100);
}, function () {
$(".tooltips").hide(100);
});
} else if (pageConfigure.pageHref.indexOf("question") != -1) {
$(".printButton").hover(function () {
$(".tooltips").show(100);
}, function () {
$(".tooltips").hide(100);
});
}
}
function eventListener() {//归纳所有的事件监听到一个函数
switch (pageConfigure.currentPage) {
case 0:
document.addEventListener('DOMNodeInserted', function () {//添加监听事件，检测是否发生懒加载
let listItemLength = document.getElementsByClassName('List-item').length;
if (opeArray.length == 0 || opeArray.includes(listItemLength) == false) {
opeArray.push(listItemLength);
if (page2pdfClick == true) {
addPrintText();
}
}
});
break;
}
}
function addPrintText() {
//给每个讨论都加上打印的按钮，然后再打印
let parentDiv = document.querySelectorAll('.AnswerItem-authorInfo');
let temp = listItemNumber;
for (let newIndex = temp; newIndex < parentDiv.length; newIndex++) {
let div = document.createElement("div");
let divId = "printButton" + newIndex;
let behindDom = document.getElementsByClassName('AnswerItem-authorInfo')[newIndex].getElementsByTagName('button')[0];
div.innerHTML = '<p id="' + divId + '"color:#4e6ef2;font-size: 14px;">\n' +
' 转\n' +
' </p>';
div.className = "pageButtons";
div.setAttribute("style", "width: 34px; line-height:34px;text-align: center; border-radius: 50%; border: 1px solid #e6f0fd; margin-left: 10px; margin-right: 10px;cursor:pointer;");
parentDiv[newIndex].insertBefore(div, behindDom);
let className = "printButton" + newIndex;
$(document).on("click", "#" + className, function () {
let newParentId = "newParentIndex" + newIndex;
createParentEle(".AnswerItem", newIndex);
let cssStyle2 = "\n" + "#" + newParentId + ",.ModalExp-content,.LabelContainer-wrapper,.css-1k5dpte,.ContentItem-actions,.Reward{display:none;}" + "\n";
addStyle(cssStyle2);
// let buttonIndex = document.getElementById(className1).parentElement.parentElement.parentElement.parentElement.getAttribute('data-za-index');
let buttonIndex = className.substring(11);
transformAnswerPDF(buttonIndex);
});
}
listItemNumber = parentDiv.length;
}
// 文章转pdf--讨论--知乎专用
function transformAnswerPDF(buttonIndex) {
let printDiv = $(".AnswerItem")[buttonIndex];
let parentNew = document.createElement("div");
let parentID = 'printDiv' + buttonIndex;
parentNew.id = parentID;
printDiv.parentNode.replaceChild(parentNew, printDiv);
parentNew.appendChild(printDiv);
removeImgLazyLoading(".AnswerItem", buttonIndex);
let isFirefoxEnv = getBrowserUserAgent();
switch (isFirefoxEnv) {
case true:
$("#" + parentID).print({
debug: false,
importCSS: true,
printContainer: true,
operaSupport: true
});
break;
case false:
// 等待DOM节点挂载成功后，再执行打印操作
Promise.resolve().then(() => {
let el = document.getElementById(parentID);
specialPrint(el, 'answer');
});
break;
}
removeStyle();
}
// 特殊打印，针对知乎文章里公式打印失败的问题
function specialPrint(el, pageType) {
// 创建iframe
let iframe = document.createElement("iframe");
// 设置iframe样式
iframe.setAttribute("id", "print-box");
iframe.setAttribute(
"style",
"position:absolute;width:800px;height:500px;left:-500px;top:-500px;"
);
document.body.appendChild(iframe);
// 获取iframe内的html
let doc = iframe.contentWindow.document;
// load iframe page resource
loadIframePageHead(doc);
// 将需要打印的DOM插入iframe
let printMain = document.createElement("div");
printMain.setAttribute("id", "print-box");
printMain.innerHTML = el.innerHTML;
doc.body.appendChild(printMain);
// remove MathJax
removeMathJax(doc, "span[id^='MathJax-']");
// load iframe page resource
loadIframePageScript(doc);
let allImg = doc.getElementsByTagName("img");
// add iframe style
addIframeStyle(doc, pageType);
loadImgWithoutLazyLoading(doc, allImg);
allImg[allImg.length - 1].onload = function () {
setTimeout(() => {
// remove same dom
removeSameDom(doc, "span[id^='MathJax-']");
// 关闭iframe
doc.close();
// 使iframe失去焦点
iframe.contentWindow.focus();
// 调用iframe的打印方法
iframe.contentWindow.print();
// 移除iframe
document.body.removeChild(iframe);
}, 3000);
}
}
function loadIframePageHead(doc) {
// 当前页面样式
let headDom = document.getElementsByTagName("head");
// 设置iframe内的header，添加样式文件
for (let i = 0; i < headDom.length; i++) {
doc.getElementsByTagName("head")[i].innerHTML = headDom[i].innerHTML;
}
let mathJax_Message = document.getElementById("MathJax_Message");
if (mathJax_Message) {
mathJax_Message.setAttribute("style", "display:none;");
}
}
function loadIframePageScript(doc) {
let scriptDom = document.getElementsByTagName("script");
// 添加内联script
let js_clientConfig_script = document.getElementById('js-clientConfig');
let js_initialData_script = document.getElementById('js-initialData');
if (js_clientConfig_script) {
js_clientConfig_script.setAttribute("nonce", "");
doc.body.append(js_clientConfig_script);
}
if (js_initialData_script) {
js_initialData_script.setAttribute("nonce", "");
doc.body.append(js_initialData_script);
}
// 在iframe中插入script
for (let i = 0; i < scriptDom.length; i++) {
if (!scriptDom[i].src && !scriptDom[i].type) continue;
let mathJax = document.createElement("script");
if (scriptDom[i].id) {
mathJax.id = scriptDom[i].id;
}
if (scriptDom[i].src) {
mathJax.setAttribute("crossorigin", "");
mathJax.src = scriptDom[i].src;
}
if (scriptDom[i].type) {
mathJax.type = scriptDom[i].type;
}
doc.body.appendChild(mathJax);
}
}
function addIframeStyle(doc, pageType) {
let domStyle = document.createElement('style');
domStyle.type = 'text/css';
switch (pageType) {
case 'answer':
domStyle.innerHTML = '.css-1vse7nz{display:flex;}\n .ContentItem-actions,.RichText-ADLinkCardContainer,.RichText-MCNLinkCardContainer,.Reward{display: none;}';
break;
case 'article':
domStyle.innerHTML = 'h1{font-size: 25px; font-weight: bold;}\n .Post-Author{width:100%;}\n .FollowButton,.Reward,.Post-topicsAndReviewer,.RichContent-action,.articleComment,.RichContent-actions,.ContentItem-actions,.LabelContainer-wrapper,.css-d5ulu0-CatalogContainer{display:none !important;}';
break;
}
doc.getElementsByTagName('head')[0].appendChild(domStyle);
}
function loadImgWithoutLazyLoading(iframeDocument, allImg) {
for (let i = 0; i < allImg.length; i++) {
allImg[i].removeAttribute('loading');
allImg[i].removeAttribute('data-lazy-status');
let dataSrc = allImg[i].getAttribute('data-actualsrc');
if (dataSrc) {
allImg[i].src = dataSrc;
}
}
}
function removeMathJax(document, dom){
let mathJaxs = document.querySelectorAll(dom);
for(let i = 0; i < mathJaxs.length; i++){
mathJaxs[i].parentNode.removeChild(mathJaxs[i]);
}
}
function removeSameDom(document, dom){
let mathJaxs = document.querySelectorAll(dom);
for(let i = 1; i < mathJaxs.length; i++){
if(mathJaxs[i].id === mathJaxs[i - 1].id){
mathJaxs[i].parentNode.removeChild(mathJaxs[i]);
}
}
}
//修改博客园导航栏的宽度
function updateNavWidth() {
if (pageConfigure.currentPage == 3) {
let a = document.getElementById("pagePrint");
let width = getComputedStyle(a).width.replace("px", "");
let fontSize = getComputedStyle(a).fontSize.replace("px", "");
if (fontSize >= 14 && fontSize * 6 > width) {
let newCss = "\n#pagePrint{width:" + fontSize * 7.5 + "px !important;}\n"
addStyle(newCss);
}
}
}
// 判断浏览器的环境
function getBrowserUserAgent(){
let userAgent = navigator.userAgent;
// 代表是火狐
if(/firefox/i.test(userAgent)){
return true;
}
return false;
}
//写一个周期函数，检测文章转pdf的按钮有没有加上
function safeWaitFunctionTT() {
setInterval(function () {
let a = document.getElementsByClassName("printButton");
if (a.length == 0) {
switch (pageConfigure.currentPage) {
case 0:
parentDiv.insertBefore(div, firstChild);
break;
case 1:
case 2:
case 3:
parentDiv.appendChild(div);
break;
case 4:
document.body.appendChild(div4);
break;
case 5:
if (pageConfigure.pageHref.indexOf("blog") != -1) {
document.body.appendChild(div);
} else if (pageConfigure.pageHref.indexOf("question") != -1) {
document.body.appendChild(div1);
document.body.appendChild(div5);
}
break;
case 6:
document.body.appendChild(div6);
break;
}
clearInterval();
}
}, 500);
}
eventListener();
updateNavWidth();
safeWaitFunctionTT();
hoverEvent();
})
();