Come rimuovere l'URL dalla pagina di stampa?


102

Voglio rimuovere l'URL che viene stampato in fondo alla pagina.

piace:

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

Come può essere omesso o impedire che venga stampato?

Per essere più precisi, c'è un modo per impedire la stampa dell'URL della pagina, della data e del titolo della pagina durante la stampa della pagina web?


3
Può essere fatto programmaticamente? È davvero una configurazione della pagina del browser!
Shoban

Totalmente una cosa da "configurazione della pagina del browser". Ma ho trovato questo tutorial un po 'utile per il CSS della pagina di stampa.
Mayeenul Islam

Risposte:


123

Il seguente esempio di codice funzionerà per te,

<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>

vedi la risposta su Disabilitare le opzioni di stampa del browser (intestazioni, piè di pagina, margini) dalla pagina?

e le specifiche della pagina @


3
Su Firefox 20.0 questo non rimuove l'URL dall'anteprima di stampa
Mirzhan Irkegulov


Bella risposta. Ancora meglio è sufficiente impostare il margine inferiore, ad esempiomargin-bottom: 0mm;
CompanyDroneFromSector7G

2
Questo in realtà ha funzionato sul mio Firefox 50 @MirzhanIrkegulov
aexl

L'avviatore dell'argomento ha chiesto come rimuovere i colori superiore e inferiore (titolo del numero di pagina dell'URL) che un browser aggiunge durante l'anteprima di stampa.
Pavel Nazarov

39

ho trovato qualcosa nel lato browser stesso.

Prova questi passaggi. qui sono stati menzionati i passaggi per disabilitare l'intestazione e il piè di pagina in tutti e tre i principali browser.

Chrome Fare clic sull'icona Menu nell'angolo in alto a destra del browser. Fare clic su Stampa. Deseleziona Intestazioni e piè di pagina nella sezione Opzioni.

Firefox Fare clic su Firefox nell'angolo superiore sinistro del browser. Posiziona il mouse su Stampa, quindi fai clic su Imposta pagina. Fare clic sulla scheda Margini e intestazione / piè di pagina. Modifica ogni valore in Intestazioni e piè di pagina in --blank--.

Internet Explorer Fare clic sull'icona a forma di ingranaggio nell'angolo in alto a destra del browser. Posiziona il mouse su Stampa, quindi fai clic su Imposta pagina. Modificare ogni valore in Intestazioni e piè di pagina in -Vuoto-.


18

La visualizzazione dell'URL è una preferenza del client del browser, non accessibile agli script in esecuzione all'interno della pagina (ammettiamolo, una pagina non può nemmeno stamparsi in silenzio).

Per evitare la "fuga" di informazioni tramite la stringa di query, è possibile inviare tramite POST


1
noooo ... POST non è un meccanismo di crittografia: è un suggerimento sui possibili effetti collaterali della richiesta.
troelskn

Invece di stampare una lunga stringa di query su più righe. Sarò felice di stampare solo l'url
Shoban

la stringa di query fa parte dell'URL. se l'URL è troppo lungo, dovresti risolverlo.
troelskn

4
Non ho detto che fosse una cosa di crittografia - rimuove i parametri di query dall'URL, che era un fattore di mitigazione richiesto
Rowland Shaw

11

Se imposti il ​​margine per una pagina utilizzando il codice sotto l'intestazione e i piè di pagina vengono omessi dalla pagina stampata. L'ho testato in FireFox e Chrome.

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

1
Nota che questo rimuove il margine tra le pagine in Firefox. Esempio: i.imgur.com/krDlC1K.png
Blaise

8

Ti sto parlando di Mozilla Firefox (spero che dovrebbe essere lo stesso anche in altri browser).

Fare clic sul menu Firefox , Vai a Stampa , Seleziona Impostazione pagina dal sottomenu di Stampa. Un pop apparirà sullo schermo, vai alla scheda "Margine e intestazione / piè di pagina" .

In quel selezionare "VUOTO" per intestazione / piè di pagina come da requisito prima della stampa. Puoi controllare l'anteprima per conferma.

Spero che questo ti possa aiutare.


7

Questo mi ha aiutato: Stampa la pagina senza link

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

puoi spiegare questo
M.suleman Khan

Ho avuto un problema con i collegamenti ipertestuali bootstrap che mostravano il suo contenuto href sulla pagina di stampa. Questa soluzione mi ha aiutato a risolvere il problema.
Mohsin

3

È possibile rimuovere l'URL visualizzato sul documento stampato tramite le impostazioni del browser. Basta fare clic su file-> impostazione pagina-> intestazione e piè di pagina impostare tutte le cose come vuote. Se hai cioè, rimuovi & U dalla casella di testo del piè di pagina. Aiutarti


2

Non so se stai parlando di un piè di pagina all'interno della tua grafica reale o dell'URL che sta facendo il processo di stampa all'interno del browser.

Se è l'URL, il processo di stampa sta davvero al browser se ha una funzione per disattivarlo.

Se sono le informazioni a piè di pagina, consiglierei di utilizzare un foglio di stile di stampa e all'interno di quel foglio di stile da fare

display: none;

Per l'ID o la classe particolare del piè di pagina.

Per fare un foglio di stile di stampa, devi aggiungerlo alla testina.

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

2

Al giorno d'oggi, puoi usare history APIper modificare l'URL prima della stampa, quindi tornare indietro:

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

Ma è necessario creare un PRINTpulsante personalizzato su cui l'utente possa fare clic.


Utilizzando la tua soluzione vedo ancora " nome-dominio.com " stampato nell'angolo in alto a destra. Ha rimosso tutto dopo.
Tod Birdsall

1

In Google Chrome, questo può essere fatto impostando i margini su 0, o se stampa in modo originale, quindi regolandolo quanto basta per spingere il testo indesiderato nelle aree non stampabili della pagina. L'ho provato e funziona: D

inserisci qui la descrizione dell'immagine


1

Problema del browser ma può essere risolto da questi:

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

Votato perché includi CSS che rimette a posto i margini. Grazie!
Tod Birdsall

0

Sono d'accordo con la maggior parte delle risposte dicendo che si tratta di impostazioni del browser, ma puoi comunque ottenere ciò che desideri tramite COM. Tieni presente che la maggior parte dei browser avrà ancora problemi con questo e anche IE aumenterà la barra di sicurezza COM per gli utenti. Quindi, a meno che non sia qualcosa che offri all'interno dell'organizzazione, non farlo.


0

Ho lo stesso problema. Mi chiedo se sia possibile creare l'HTML per la stampa tramite un plugin jquery: http://www.recoding.it/?p=138

Quindi invia l'HTML a uno script php (utilizzando una chiamata ajax), genera un pdf con http://www.xhtml2pdf.com/ o http://code.google.com/p/wkhtmltopdf/ .

Successivamente il pdf potrebbe essere visualizzato (impostando il tipo di contenuto appropriato e il rendering diretto) o visualizzato da un reindirizzamento http al pdf generato.

I PDF generati nella cartella pfd_for_printing potrebbero fungere da cache ed essere eliminati da un lavoro una volta al giorno.


Voglio stampare parte della pagina (con gli stili) in PDF ... Come posso ottenerlo? stackoverflow.com/questions/25082395/…
SearchForKnowledge

0

Su Chrome 57 per me ha funzionato quanto segue, se hai il controllo della pagina HTML che deve essere stampata (nel mio caso avevo bisogno di stampare una piccola etichetta 3x1 pollici):

  • rimuovere l'elemento titolo HTML dall'intestazione (utilizzando temporaneamente jquery o permanentemente se quella pagina non ha davvero bisogno di un titolo)
  • imposta il margine @page su 0 come menzionato da @Chamika Sandamal

Ciò ha comportato la stampa di una pagina che conteneva solo il corpo del testo, nessun URL, nessun numero di pagina ecc.


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>

questo codice rimuove solo il margine. ecco perché l'URL non viene visualizzato. ma quando lo usi perdi il numero di pagina.
Pramod Deshmukh

Voglio rimuovere solo l'URL della pagina sulla stampa non il numero della pagina
Pramod Deshmukh


0

Funziona bene per me che uso jquery

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

-1

Forse potresti provare Chrome (Probabilmente anche Safari)

L'URL e il numero di pagina nell'intestazione e nel piè di pagina non sono visibili quando stampo in PDF su OSX con Google Chrome.

Siamo spiacenti, non sono sicuro se questo si applica a Windows


-1

Ho un trucco per rimuoverlo dalla pagina di stampa in Firefox. Usa questo:

<html moznomarginboxes mozdisallowselectionprint>

Nel tag html devi usare moznomarginboxes mozdisallowselectionprint. Sono sicuro che ti aiuterà molto.


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

Controlla questo collegamento


1
Ciao benvenuto a SO, grazie per aver cercato di rispondere a questa domanda. Puoi fornire ulteriori spiegazioni dietro la tua risposta e la logica dietro la tua correzione? Saluti!
James Wong - Ripristina Monica il

Ciao, grazie, funziona perfettamente in Chrome (almeno), non so perché le persone hanno votato a favore di questa soluzione perfetta.
Saman

-1

Questa sarà la soluzione più semplice. Ho provato la maggior parte delle soluzioni in Internet, ma solo questo mi ha aiutato.

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

    @page :header {
        display: none
    }
}

1
In quale browser funziona? In Chrome 80 non funziona.
Ruben S

-3

Bene, ho cercato su e giù perché avevo bisogno della risposta per me e i miei progetti, e sono giunto alla conclusione che, in realtà, indipendentemente dalle informazioni che mostri nell'indirizzo URL, dipende da:

if (!$_SESSION["valid_user"]) 

Quindi, anche se qualcuno digita semplicemente l'indirizzo esatto dalla tua pagina stampata, otterrebbe ... Pagina di accesso :)

Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.