Nécessité de supprimer les valeurs des href lors de l'impression dans Chrome

Question

J'essaie de personnaliser le CSS d'impression, et je trouve qu'il imprime les liens avec la balise href ainsi que le lien.

C'est dans Chrome.

Pour ce HTML :

<a href="http://www.google.com">Google</a>

Il imprime :

Google (http://www.google.com)

Et je veux que ça s'imprime :

Google

Answer 1

J'ai eu le même problème, mais parce que j'ai utilisé HTML5 Boilerplate et il a la règle qu'Eric a postée dans le style.css media query pour l'impression. Il suffit de l'enlever de là.

Answer 2

Pour cacher l'url de la page.

utiliser media="print" exemple de tage de style :

<style type="text/css" media="print">
            @page {
                size: auto;   /* auto is the initial value */
                margin: 0;  /* this affects the margin in the printer settings */
            }
            @page { size: portrait; }
</style>

Si vous voulez supprimer des liens :

@media print {
   a[href]:after {
      visibility: hidden !important;
   }
}

Answer 3

Pour les utilisateurs normaux. Ouvrez la fenêtre d'inspection de la page actuelle. Et tapez :

l = document.getElementsByTagName("a");
for (var i =0; i<l.length; i++) {
    l[i].href = "";
}

Dans ce cas, vous ne verrez pas les liens url dans l'aperçu avant impression.