È necessario rimuovere i valori href quando si stampa in Chrome

240

Sto tentando di personalizzare il CSS di stampa e di trovare che stampa i collegamenti con il valore href e il collegamento.È necessario rimuovere i valori href quando si stampa in Chrome

Questo è in Chrome.

Per questo HTML:

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

Esso stampa:

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

E lo voglio stampare:

Google

fonte

2011-09-04 Chris Gratigny

Ricorda PERCHÉ ogni principale framework CSS lo fa: non puoi fare clic su carta! Quindi, se hai intenzione di disattivarlo dovresti aggiungere un elenco di link in fondo, come questo: https://alistapart.com/article/improvingprint – Julix

It doesn't. Da qualche parte nel foglio di stile di stampa, è necessario disporre di questa sezione di codice:

a[href]::after { 
    content: " (" attr(href) ")" 
}

L'unica altra possibilità è di avere un'estensione di farlo per voi.

fonte

2011-09-04 20:46:59 Eric

L'ho preso in zurb foundation css. – forX

Ho avuto lo stesso problema, ma perché ho usato HTML5 Boilerplate e ha la regola che Eric ha pubblicato nella query media style.css per la stampa. Basta rimuoverlo da lì.

fonte

2012-05-20 12:30:10

511

Bootstrap fa la stessa cosa (... come la risposta selezionata sotto).

@media print { 
    a[href]:after { 
    content: " (" attr(href) ")"; 
    } 
}

Basta togliere da lì, o sostituirla in proprio foglio di stile di stampa:

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

fonte

2013-02-18 07:08:26

Così fa Foundation. – fny

+11

'' Pubblicando principalmente per me stesso quando torno in questa pagina, grazie –

Non bello, bootstrap! :) – pettys

Se si utilizza la seguente CSS

<link href="~/Content/common/bootstrap.css" rel="stylesheet" type="text/css" /> 
<link href="~/Content/common/bootstrap.min.css" rel="stylesheet" type="text/css" /> 
<link href="~/Content/common/site.css" rel="stylesheet" type="text/css" />

basta cambiare nel seguente stile da aggiunta media = "schermo"

<link href="~/Content/common/bootstrap.css" rel="stylesheet" **media="screen"** type="text/css" /> 
<link href="~/Content/common/bootstrap.min.css" rel="stylesheet" **media="screen"** type="text/css" /> 
<link href="~/Content/common/site.css" rel="stylesheet" **media="screen"** type="text/css" />

Penso che funzionerà.

ex risposte come

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

non erano lavorato bene nel browse cromato.

fonte

2016-11-17 00:53:33

Assicurati di svuotare la cache per interrompere la statura CSS – kurdtpage

Questa dovrebbe essere la risposta accettata. –

ho incontrato un problema simile solo con un IMG nidificato nella mia ancora:

<a href="some/link"> 
    <img src="some/src"> 
</a>

Quando ho fatto domanda

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

ho perso la mia img e l'intera larghezza di ancoraggio per qualche ragione, così invece Ho usato:

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

che ha funzionato perfettamente.

Bonus punta: inspect print preview

fonte

2017-09-25 16:29:41 TrampGuy

per gli utenti normali. Apri la finestra di ispezione della pagina corrente. e digitare:

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

Allora non devono vedere i collegamenti URL in anteprima di stampa.

fonte

2018-01-30 07:50:25

@media print { 
 
    a[href]:after { 
 
     display: none; 
 
     visibility: hidden; 
 
    } 
 
}

del perfetto lavoro.

fonte

2018-02-10 15:35:01

È necessario rimuovere i valori href quando si stampa in Chrome

risposta

Problemi correlati