In Firefox, quando si stampa una pagina con tag di ancoraggio, la posizione di collegamento è la stampa dopo il testo

Question

Per esempio,

<a href="../somepage/page.aspx?qs=asdf">Text Here</a> 

stamperà come ...

---

testo qui (. ./somepage/page.aspx?qs=asdf)

---

In IE, sembra normale (non stampa l'url). Qualche idea del perché questo sta agendo in questo modo?

Answer 1

La risposta era nel framework css che stiamo usando (Blueprint). C'era la riga sottostante nel file di stile:

a:link:after,a:visited:after{content:"(" attr(href) ")";font-size:90%} 

Indovinare che questo potrebbe aiutare gli altri che utilizzano Blueprint.

Answer 2

C'è anche il motivo semantico per stampare l'url accanto al collegamento. Immagina di stampare il documento senza l'url. Non puoi essere sicuro di comprendere completamente il testo così come è inteso dall'autore.

Può essere necessario per un preventivo stampare anche la sorgente. Questo è importante per i testi accademici.

Infatti la risposta di Bretts è corretta.

Answer 3

È possibile evitare questo problema del tutto sullo schermo includendo l'attributo media sul link stile di stampa come segue

<link href="../../Content/blueprint/print.css" rel="stylesheet" media="print" type="text/css" /> 

Answer 4

Estrapolando dalla risposta di Brett, su Firefox 25, questo stile CSS rimuove l'href incriminato:

@media print { 
    a:link:after, 
    a:visited:after { 
     content: "" !important; 
    } 
} 

Answer 5

Inoltre, se si sta utilizzando Twitter Bootstrap come un quadro, questo:

a[href]:after{ 
    content:""; 
} 

... farà il trucco! (almeno nel bootstrap 3)

Answer 6

Se si desidera essere più specifici, ad esempio rimuovere i collegamenti all'interno di una tabella, è possibile eseguire le seguenti operazioni con jQuery.

$(".tableclass tr td a").removeAttr("href"); 

Answer 7

Basta aggiungere questo nel tuo layout di pagina (pagina master)

a[href]:after { 
     content: none !important; 
    }