Déclaration de copyright: Cet article est un utilisateur anonyme 丨 article original, veuillez indiquer la source pour la réimpression: https://blog.csdn.net/p1279030826/article/details/106602341
Cette méthode est améliorée à partir de l' impression directe d'articles CSDN ou de l'enregistrement de PDF (suppression du contenu redondant) .
1. Fonction et utilisation
Comment utiliser : Appuyez sur "F12" pour accéder aux outils de développement, copiez les js suivants sur la console et appuyez sur Entrée pour imprimer avec une seule touche.
Fonction :
- 1. "Développer automatiquement pour lire le texte intégral"
- 2. Supprimez les informations redondantes telles que la barre supérieure, la barre latérale, l'affichage de l'article associé, les informations de navigation, les publicités et les mentions J'aime. Mode vraiment rafraîchissant.
- 3. Aperçu avant impression de la sortie automatique
- 4. Effectuez un zoom automatique sur la page imprimée pour éviter que le contenu sur le bord de la page ne soit rogné. (Nouvellement ajouté le 31/10/2020)
Deux, deux méthodes d'obtention
Ancienne méthode: (cette méthode est obsolète, il peut y avoir des cas où le contenu de la périphérie est rogné)
(function(){
'use strict';
var articleBox = $("div.article_content");
articleBox.removeAttr("style");
$("#btn-readmore").parent().remove();
$("#side").remove();
$("#comment_title, #comment_list, #comment_bar, #comment_form, .announce, #ad_cen, #ad_bot").remove();
$(".nav_top_2011, #header, #navigator").remove();
$(".csdn-side-toolbar,.template-box,.reward-user-box").remove();
$(".p4course_target, .comment-box, .recommend-box, #csdn-toolbar, #tool-box,#dmp_ad_58, .more-toolbox, .article-info-box, .btn-readmore, .pub-footer-new").remove();
$("aside").remove();
$(".tool-box").remove();
$("main").css('display','content');
$("main").css('float','left');
$("#mainBox").css('width','100%');
$(".main_father.clearfix.d-flex.justify-content-center").css("width","100%");
window.print();
})();
La dernière méthode: (2020/10/31)
Première méthode: méthode de suppression
Mettre à jour le contenu: 1. Supprimez la barre d'informations sur les droits d'auteur en bas 2. Ajoutez une mise à l'échelle automatique de la page imprimée 3. Supprimez le contenu redondant et invalide
Remarque: Si vous constatez qu'il y a un titre en haut de chaque page lors de l'aperçu avant impression, veuillez vous reporter à la troisième étape ci-dessous pour supprimer la vérification "en-tête et pied de page"
(function(){
'use strict';
var articleBox = $("div.article_content");
articleBox.removeAttr("style");
$("#btn-readmore").parent().remove();
$("#side").remove();
$("#comment_title, #comment_list, #comment_bar, #comment_form, .announce, #ad_cen, #ad_bot").remove();
$(".nav_top_2011, #header, #navigator").remove();
$(".csdn-side-toolbar,.template-box,.reward-user-box,.blog-footer-bottom").remove();
$(".p4course_target, .comment-box, .recommend-box, #csdn-toolbar, #tool-box,#dmp_ad_58, .more-toolbox, .article-info-box, .btn-readmore, .pub-footer-new").remove();
$("aside").remove();
$(".tool-box").remove();
$("main").css('display','content');
$("main").css('float','left');
$("#mainBox").width("100%");
document.getElementsByTagName('body')[0].style.zoom=0.8;
window.print();
})();Méthode 2: méthode de reconstruction HTML (nouvellement ajoutée le 2020/10/31)
Cette méthode a la même fonction que la méthode 1, le code est plus concis, la page Web est automatiquement restaurée après l'impression et l'ajout ultérieur d'autres modules redondants au RSCV ne l'affectera pas.
(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;
})();
Trois autres problèmes
1. Enregistrez au format PDF. Changez l'imprimante en "Enregistrer au format PDF".
2. Plus de paramètres. ( La méthode 2020/10/30 a été ajoutée au réglage automatique dans le code )
(1) Certains mots sur le bord de la page seront coupés.
- Sélectionnez "Aucun" pour "Marge" pour le résoudre.
- Utilisez le zoom (par exemple, définissez "80%") pour réduire la taille globale afin qu'elle ne dépasse pas la page.
(2) Vous pouvez désactiver l'en-tête et le pied de page.
Quatrièmement, la partie optimisation
Cette méthode ajoute la modification et la suppression des informations suivantes, et l'impression est vraiment rafraîchissante:
(1) "Développer automatiquement pour lire le texte intégral" et imprimer automatiquement le texte intégral.
(2) Le problème que la nouvelle version de la page globale se déplacera vers la droite.
(3) Parcourir les informations dans la tête de l'article:
(4) Comme les informations en bas de l'article, les informations publicitaires en bas:
(4) La case "Rapport en haut" sur le côté droit de l'article.
============================ 20200906 mise à jour ==================== =================================================== =================================================== =================================================== =================================================== =================================================== = ============
(5) La barre d'informations en bas
============================= 20201031 mise à jour ==================== =================================================== =================================================== =================================================== =================================================== ================================================= == ===========
(6) La colonne d'informations sur les droits d'auteur en bas
Je ne sais pas si le nom du module a changé, et la barre d’informations réapparaît, voici une mise à jour pour supprimer la barre d’informations sur les droits d’auteur en bas
(7) Zoomer automatiquement sur la page imprimée
J'ai trouvé que le contenu était recadré lors de l'aperçu avant impression, et j'ai dû modifier manuellement le taux de zoom, ce qui est trop gênant. Voici la mise à jour pour régler automatiquement le zoom. (Référence de la méthode: impression zoom )
(8) Ajouter une nouvelle méthode d'implémentation
Méthode 2: méthode de reconstruction HTML
Lien de référence: Read , méthode JS / Jquery_ pour atteindre le div spécifié de la page imprimée