mac 打印 csdn博客内容js

•  文章目录

  • 前言

    一、求助csdn

    1. 于是 在万能的csdn中搜索找到了一篇

    2. 于是自己改进了下

     

    二、使用步骤

    1.右击 ->检查

    2.找到Console，蓝色执行标记:>

    3.在Console中 插入执行脚本

    总结

---

前言

最近在复习有些好文章想保存下来看，但是 command+p 打印网页打印的没法看

原生，command/control+p
​​

 

---

一、求助csdn

 1.于是 在万能的csdn中搜索找到了一篇

https://blog.csdn.net/u010954948/article/details/82843105 感谢

  

但是 可能是更新的问题效果差强人意。

2. 于是自己改进了下

(function(){
//1
$("#side").remove();
//2
$("#comment_title, #comment_list, #comment_bar, #comment_form, .announce, #ad_cen, #ad_bot").remove();
//去class
$('#mainBox > main > div').removeClass();
$(".nav_top_2011, #header, #navigator").remove();
$(".p4course_target, .comment-box, .recommend-box, #csdn-toolbar, #tool-box").remove();
$("aside").remove();
//去工具箱
$(".tool-box").remove();
//#toolBarBox > div > ul
$("csdn-side-toolbar ").remove();
$("#toolBarBox > div").remove();

//去main 定位
$("body > div.main_father.clearfix.d-flex.justify-content-center").removeClass();
//取消小提标
$("body > div:nth-child(44) > div").remove();
//取消评论
$("#mainBox > main > div:nth-child(11)").remove();
$(".recommend-item-box").remove();
$(".comment-list").remove();
$("#mainBox > main > div:nth-child(9) > div.comment-edit-box.d-flex").remove();
$("main").css('display','content'); 
$("main").css('float','left'); 
$("body > div.leftPop").remove();
$("tool-box").remove();
window.print();
})();

---

二、使用步骤

1.右击 ->检查

 

2.找到Console，蓝色执行标记:>

     

3.在Console中 插入执行脚本

 

回车后技能看到干净整洁的打印页面了。

---

总结

        直接拿来主义不好用的时候，才发现基础对技术人来说多么重要。

 来csdn十年了第一次写博客，希望能对有需要的小伙伴有所帮助。