2010-01-29 2 views
14

Zum BeispielIn Firefox, wenn eine Seite mit Anker-Tags Drucken druckt die Link-Adresse nach dem Text

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

als auszudrucken ...


Text hier (. ./somepage/page.aspx?qs=asdf)


In IE, sieht es normal (druckt nicht die uRL). Irgendwelche Ideen, warum das auf diese Art und Weise handelt?

+0

Es ist nicht wirklich ... Was ff Version verwenden Sie? – 3lectrologos

+0

Dies geschieht bei Firefox 26 out of the box. @ SteveEynon's Antwort behebt das Problem (oder deaktiviert das Feature). – dancek

+0

Sicher muss es eine Konfigurationsoption im Browser selbst geben, um dies zu deaktivieren? – faintsignal

Antwort

6

Die Antwort war im css-Rahmen, den wir verwenden (Blueprint). Es gab die folgende Zeile in der Style-Datei:

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

denkt, die anderes, die Blaupause verwenden helfen könnte.

0

Es gibt auch den semantischen Grund, die URL neben dem Link zu drucken. Stellen Sie sich vor, Sie drucken das Dokument ohne die URL. Sie können nicht sicher sein, den Text vollständig zu verstehen, wie es vom Autor gemeint ist.

Es kann für ein Angebot notwendig sein, die Quelle auch zu drucken. Das ist wichtig, zum Beispiel für akademische Texte.

Tatsächlich Bretts Antwort ist korrekt.

0

Sie dieses Problem vollständig, indem das Attribut media auf dem Druckformat Link auf dem Bildschirm vermeiden kann als

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

von Brett Antwort Rechnet man folgt, auf 25 Firefox, dieser CSS-Stil entfernt die säumige href:

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

auch, wenn Sie als Rahmen Twitter Bootstrap verwenden, dies:

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

... wird es tun! (zumindest in Bootstrap 3)

+1

Ich musste "! Wichtig" hinzufügen, sonst würde es nicht funktionieren. – ZippyV

1

Wenn Sie genauer zu sein möchten - sagen Sie Links in einer Tabelle entfernen, dann könnten Sie Folgendes mit jQuery tun.

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

Fügen Sie einfach diese in Ihrer Layoutseite (Master-Seite)

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