Wie man Link nicht klickbar macht, wenn er als PDF druckt

Question

Ich habe eine Webseite mit einer Tabelle. Wenn sich ein Benutzer anmeldet, kann er auf die Zeilenköpfe klicken, um die Bearbeitungsseite aufzurufen. Damit die gedruckte Version für angemeldete und nicht angemeldete Benutzer identisch aussieht, verwende ich CSS, um die Verknüpfung als normalen Text zu formatieren.

Das Problem ist, dass das Speichern als PDF-Funktion in Chrome speichert die Links mit ihrer href, so dass sie eine Webseite öffnen, wenn Sie auf die gespeicherte PDF geklickt. Gibt es eine Möglichkeit, diese href während dieses 'Druck' zu entfernen, anders als die offensichtliche Möglichkeit, zwei Elemente zu haben und nur die anklickbare in @media not print und zeigt nur die nicht anklickbare in @media print?

Ich bevorzuge nicht mit JavaScript, um die href während des Druckens zu ändern.

Answer 1

können Sie das OnClick Attribut verwenden, um die Edit-Seite zu öffnen:

<th onclick="location.href='?edit=ID'">Item #1</th> 

Um es als Link zu Stil, verwenden Sie die th[onclick] CSS-Selektor:

@media not print { 
    th[onclick], td[onclick] { 
     color: #00e; 
     text-decoration: underline; 
     cursor: pointer; 
    } 
} 

Answer 2

Verwendung wie dieser entfernen Anker-Tag und div setzt ... wie

<style> 
    #d:active { 
    load-url: (http://google.com/ 
} 
    </style> 
    <div class="click" id="d" > 

    </div> 

Answer 3

Sie pointer-events verwenden können, finden Sie hier die Browser-Kompatibilität für die http://caniuse.com/#search=pointer-events. Es wird Ihren Link deaktivieren.

@media print { 
    a { 
    pointer-events: none; 
    color: #000; 
    text-decoration: none; 
    } 
}