Wie entferne ich die URL von der Druckseite?


101

Ich möchte die URL entfernen, die am Ende der Seite gedruckt wird.

mögen:

yomari.com/.../main.php?sen_n

Wie kann es weggelassen werden oder verhindert werden, dass es gedruckt wird?

Gibt es eine Möglichkeit, um zu verhindern, dass die Seiten-URL, das Datum und der Seitentitel beim Drucken der Webseite mitgedruckt werden?


3
Kann das programmatisch gemacht werden? Es ist wirklich ein Browser-Seiten-Setup!
Shoban

Völlig eine Sache zum Einrichten der Browserseite. Aber ich fand dieses Tutorial ein bisschen hilfreich für das Drucken von Seiten-CSS.
Mayeenul Islam

Antworten:


122

Das folgende Codebeispiel funktioniert für Sie:

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

Siehe die Antwort unter Deaktivieren der Browser-Druckoptionen (Kopf- und Fußzeilen, Ränder) von der Seite?

und Spezifikation der @ Seite


3
Unter Firefox 20.0 wird die URL nicht aus der
Seitenansicht entfernt


Gute Antwort. Noch besser ist es, den unteren Rand margin-bottom: 0mm;
festzulegen

2
Dies funktionierte tatsächlich auf meinem Firefox 50 @MirzhanIrkegulov
aexl

Der Themenstarter fragte, wie obere und untere Kolontitel (URL-Seitennummer) entfernt werden sollen, die ein Browser während der Druckvorschau hinzufügt.
Pavel Nazarov

39

Ich habe etwas in der Browserseite selbst gefunden.

Versuchen Sie diese Schritte. Hier wurden die Schritte zum Deaktivieren der Kopf- und Fußzeile in allen drei Hauptbrowsern erwähnt.

Chrome Klicken Sie auf das Menüsymbol in der oberen rechten Ecke des Browsers. Klicken Sie auf Drucken. Deaktivieren Sie Kopf- und Fußzeilen im Abschnitt Optionen.

Firefox Klicken Sie oben links im Browser auf Firefox. Bewegen Sie die Maus über Drucken und klicken Sie auf Seite einrichten. Klicken Sie auf die Registerkarte Ränder & Kopf- / Fußzeile. Ändern Sie jeden Wert unter Kopf- und Fußzeilen in --blank--.

Internet Explorer Klicken Sie auf das Zahnradsymbol in der oberen rechten Ecke des Browsers. Bewegen Sie die Maus über Drucken und klicken Sie dann auf Seite einrichten. Ändern Sie jeden Wert unter Kopf- und Fußzeilen in -Empty-.


18

Die URL-Anzeige ist eine Browser-Client-Voreinstellung, auf die Skripte, die auf der Seite ausgeführt werden, nicht zugreifen können (seien wir ehrlich, eine Seite kann sich auch nicht lautlos selbst drucken).

Um zu vermeiden, dass Informationen über die Abfragezeichenfolge "verloren gehen", können Sie diese per POST senden


1
noooo ... POST ist kein Verschlüsselungsmechanismus - es ist ein Hinweis auf die möglichen Nebenwirkungen der Anfrage.
Troelskn

Anstatt eine lange mehrzeilige Abfragezeichenfolge zu drucken. Ich würde gerne nur die URL drucken
Shoban

Die Abfragezeichenfolge ist Teil der URL. Wenn die URL zu lang ist, sollten Sie dies stattdessen beheben.
Troelskn

4
Ich habe nicht gesagt, dass es sich um eine Verschlüsselungssache handelt - sie entfernt die Abfrageparameter aus der URL, die ein angeforderter Schadensbegrenzungsfaktor war
Rowland Shaw,

11

Wenn Sie den Rand für eine Seite mit dem Code unter der Kopf- und Fußzeile festlegen, werden die Fußzeilen auf der gedruckten Seite weggelassen. Ich habe dies in FireFox und Chrome getestet.

<style media="print">
 @page {
  size: auto;
  margin: 0;
       }
</style>

1
Beachten Sie, dass dadurch der Rand zwischen den Seiten in Firefox entfernt wird. Beispiel: i.imgur.com/krDlC1K.png
Blaise

8

Ich erzähle Ihnen von Mozilla Firefox (ich hoffe, dass es auch in anderen Browsern so sein sollte).

Klicken Sie auf das Firefox-Menü , gehen Sie zu Drucken und wählen Sie im Untermenü von Drucken die Option Seite einrichten. Auf Ihrem Bildschirm wird ein Popup angezeigt. Gehen Sie dort zur Registerkarte "Rand & Kopf- / Fußzeile" .

In diesem wählen Sie „BLANK“ für Kopf- / Fußzeilen je nach Anforderung vor dem Druck. Sie können die Vorschau zur Bestätigung überprüfen.

Ich hoffe das wird helfen.


7

Das hat mir geholfen: Seite ohne Links drucken

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

können Sie dies bitte erklären
M. Suleman Khan

Das hat bei mir nicht funktioniert
Sarah

Ich hatte ein Problem mit Bootstrap-Hyperlinks, die den href-Inhalt auf der Druckseite anzeigen. Diese Lösung hat mir geholfen, das Problem zu beheben.
Mohsin

3

Sie können die URL, die auf dem gedruckten Dokument angezeigt wird, über Ihre Browsereinstellungen entfernen. Klicken Sie einfach auf Datei-> Seiteneinrichtung-> Kopf- und Fußzeile und setzen Sie alle Elemente auf leer. Wenn Sie dies getan haben, entfernen Sie einfach & U aus der Fußzeilentextbox dir helfen


2

Ich weiß nicht, ob Sie über eine Fußzeile in Ihrer tatsächlichen Grafik oder über die URL sprechen, die der Druckvorgang im Browser ausführt.

Wenn es sich um die URL handelt, die der Druckvorgang ausführt, liegt es wirklich am Browser, ob er eine Funktion zum Deaktivieren hat.

Wenn es die Fußzeileninformationen sind, würde ich empfehlen, ein Druck-Stylesheet und innerhalb dieses Stylesheets zu verwenden

display: none;

Für die bestimmte ID oder Klasse der Fußzeile.

Um ein Druck-Stylesheet zu erstellen, müssen Sie dieses dem Kopf hinzufügen.

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

1

In Google Chrome können Sie dazu die Ränder auf 0 setzen oder, wenn es funky druckt, gerade so anpassen, dass der unerwünschte Text in die nicht druckbaren Bereiche der Seite verschoben wird. Ich habe es versucht und es funktioniert: D.

Geben Sie hier die Bildbeschreibung ein


1

Heutzutage können Sie history APIdie URL vor dem Drucken ändern und dann zurück ändern:

var curURL = window.location.href;
history.replaceState(history.state, '', '/');
window.print();
history.replaceState(history.state, '', curURL);

Sie müssen jedoch eine benutzerdefinierte PRINTSchaltfläche erstellen, auf die der Benutzer klicken kann.


Bei Verwendung Ihrer Lösung wird weiterhin der " domain-name.com " in der oberen rechten Ecke angezeigt . Danach wurde alles entfernt.
Tod Birdsall

1

Browserproblem, kann aber durch folgende Probleme gelöst werden:

<style type="text/css" media="print">
      @media print
      {
         @page {
           margin-top: 0;
           margin-bottom: 0;
         }
         body  {
           padding-top: 72px;
           padding-bottom: 72px ;
         }
      } 
</style>

Upvoted, weil Sie CSS einschließen, mit dem die Ränder wieder hergestellt werden. Vielen Dank!
Tod Birdsall

0

Ich würde den meisten Antworten zustimmen, die besagen, dass es sich um Browsereinstellungen handelt, aber Sie können trotzdem über COM erreichen, was Sie wollen. Beachten Sie, dass die meisten Browser weiterhin Probleme damit haben und sogar der IE die COM-Sicherheitsleiste für Benutzer erhöht. Tun Sie es also nicht, es sei denn, Sie bieten es nicht innerhalb der Organisation an.


0

Ich habe das gleiche Problem. Ich frage mich, ob es möglich ist, den HTML-Code zum Drucken über ein JQuery-Plugin zu erstellen: http://www.recoding.it/?p=138

Senden Sie dann den HTML-Code an ein PHP-Skript (mithilfe eines Ajax-Aufrufs) und generieren Sie ein PDF mit http://www.xhtml2pdf.com/ oder http://code.google.com/p/wkhtmltopdf/ .

Anschließend kann das PDF angezeigt werden (durch Einstellen des entsprechenden Inhaltstyps und direktes Rendern) oder durch eine http-Umleitung zum generierten PDF angezeigt werden.

Die generierten PDFs im Ordner pfd_for_printing können als Cache fungieren und einmal täglich von einem Job gelöscht werden.


Ich möchte einen Teil der Seite (mit Stilen) als PDF drucken ... Wie kann ich das erreichen? stackoverflow.com/questions/25082395/…
SearchForKnowledge

0

Unter Chrome 57 funktionierte Folgendes für mich, wenn Sie die Kontrolle über die zu druckende HTML-Seite haben (in meinem Fall musste ich ein kleines 3 x 1 Zoll großes Etikett drucken):

  • Entfernen Sie das HTML-Titelelement aus der Kopfzeile (entweder vorübergehend mit jquery oder dauerhaft, wenn diese Seite keinen Titel benötigt).
  • Setzen Sie den @ Seitenrand auf 0, wie von @Chamika Sandamal erwähnt

Dies führte zum Drucken einer Seite, die nur den Haupttext, keine URLs, keine Seitenzahlen usw. enthielt.


0
<style type="text/css" media="print">
  @page {
    size: auto;  
    margin: 0;  
  }
</style>
//now set manual padding to body
<style>
  body{
    padding-left: 1.3cm;
    padding-right: 1.3cm; 
    padding-top: 1.1cm;
  }
</style>

Dieser Code entfernt nur den Rand. Deshalb wird die URL nicht angezeigt. Wenn Sie diesen Code verwenden, verlieren Sie die Seitenzahl.
Pramod Deshmukh

Ich möchte nur Seiten-URL auf Druck entfernen, nicht Seitenzahl
Pramod Deshmukh


0

Dies funktioniert gut für mich mit jquery

<style>
  @media print { @page { margin: 0; } 
   body { margin: 1.6cm; } }
</style>

-1

Vielleicht könnten Sie Chrom ausprobieren (wahrscheinlich auch Safari)

Die URL und die Seitenzahl in der Kopf- und Fußzeile sind nicht sichtbar, wenn ich unter OSX mit Google Chrome als PDF drucke.

Leider nicht sicher, ob dies für Windows gilt


-1

Ich habe einen Trick, um es von der Druckseite in Firefox zu entfernen. Benutze das:

<html moznomarginboxes mozdisallowselectionprint>

Im HTML-Tag müssen Sie verwenden moznomarginboxes mozdisallowselectionprint. Ich bin sicher, es wird Ihnen sehr helfen.


-1

Dies ist die einfachste Lösung. Ich habe die meisten Lösungen im Internet ausprobiert, aber nur das hat mir geholfen.

@print {
    @page :footer {
        display: none
    }

    @page :header {
        display: none
    }
}

1
In welchem ​​Browser funktioniert das? In Chrome 80 funktioniert es nicht.
Ruben S

-2
@media print {
    #Header, #Footer { display: none !important; }
}

Überprüfen Sie diesen Link


1
Hallo, willkommen bei SO, danke, dass Sie versucht haben, diese Frage zu beantworten. Können Sie mehr Erklärung für Ihre Antwort und die Logik hinter Ihrem Fix geben? Prost!
James Wong - Stellen Sie Monica am

-3

Nun, ich habe den ganzen Weg nach oben und unten gesucht, weil ich die Antwort für mich und meine Projekte brauchte, und bin zu dem Schluss gekommen, dass es tatsächlich egal ist, welche Informationen Sie in der URL-Adresse anzeigen:

if (!$_SESSION["valid_user"]) 

Selbst wenn jemand nur die genaue Adresse von Ihrer gedruckten Seite eingibt, erhält er ... Anmeldeseite :)

Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.