Comment supprimer l'URL de la page d'impression?

102

Je souhaite supprimer l'URL imprimée en bas de la page.

comme:

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

Comment peut-il être omis ou empêcher d'être imprimé?

Pour être plus précis, y a-t-il un moyen d'empêcher l'URL de la page, la date et le titre de la page d'être imprimés pendant l'impression de la page Web?

Martin Thoma
la source
3
Cela peut-il être fait par programme? C'est vraiment une configuration de page de navigateur!
Shoban
Totalement une chose de «configuration de page de navigateur». Mais j'ai trouvé ce tutoriel un peu utile pour les pages d'impression CSS.
Mayeenul Islam

Réponses:

123

L'exemple de code suivant fonctionnera pour vous,

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

voir la réponse sur la désactivation des options d'impression du navigateur (en-têtes, pieds de page, marges) à partir de la page?

et spécification de la @page

Chamika Sandamal
la source
3
Sur Firefox 20.0, cela ne supprime pas l'URL de l'aperçu avant impression
Mirzhan Irkegulov
2
Solution Firefox: stackoverflow.com/questions/2192806/…
Konstantin Vdovkin
Très bonne réponse. Encore mieux, réglez simplement la marge inférieure, par exemplemargin-bottom: 0mm;
CompanyDroneFromSector7G
2
Cela a fonctionné sur mon Firefox 50 @MirzhanIrkegulov
aexl
Le sujet de démarrage a demandé comment supprimer les colonnes du haut et du bas (titre du numéro de page de l'URL) qu'un navigateur ajoute lors de l'aperçu avant impression.
Pavel Nazarov
39

J'ai trouvé quelque chose dans le navigateur lui-même.

Essayez ces étapes. ici, j'ai été mentionné les étapes pour désactiver l'en-tête et le pied de page dans les trois principaux navigateurs.

Chrome Cliquez sur l'icône Menu dans le coin supérieur droit du navigateur. Cliquez sur Imprimer. Décochez En-têtes et pieds de page dans la section Options.

Firefox Cliquez sur Firefox dans le coin supérieur gauche du navigateur. Placez votre souris sur Imprimer, puis cliquez sur Mise en page. Cliquez sur l'onglet Marges et en-tête / pied de page. Remplacez chaque valeur sous En-têtes et pieds de page par --blank--.

Internet Explorer Cliquez sur l'icône d'engrenage dans le coin supérieur droit du navigateur. Placez votre souris sur Imprimer, puis cliquez sur Mise en page. Remplacez chaque valeur sous En-têtes et pieds de page par -Vide-.

Jah Yusuff
la source
18

Avoir l'URL affichée est une préférence du client du navigateur, non accessible aux scripts exécutés dans la page (avouons-le, une page ne peut pas non plus s'imprimer en silence).

Pour éviter de «fuir» des informations via la chaîne de requête, vous pouvez soumettre via POST

Rowland Shaw
la source
1
noooo ... POST n'est pas un mécanisme de cryptage - c'est un indice sur les effets secondaires possibles de la requête.
troelskn
Au lieu d'imprimer une longue chaîne de requête sur plusieurs lignes. Je serai heureux de n'imprimer que l'url
Shoban
la chaîne de requête fait partie de l'url. si l'URL est trop longue, vous devez corriger cela à la place.
troelskn
4
Je n'ai pas dit que c'était une chose de cryptage - cela supprime les paramètres de requête de l'URL, ce qui était un facteur d'atténuation demandé
Rowland Shaw
11

Si vous définissez la marge d'une page à l'aide du code sous l'en-tête et les pieds de page sont omis de la page imprimée. J'ai testé cela dans FireFox et Chrome.

<style media="print">
 @page {
  size: auto;
  margin: 0;
       }
</style>
Denver Chiwakira
la source
1
Notez que cela supprime la marge entre les pages dans Firefox. Exemple: i.imgur.com/krDlC1K.png
Blaise
8

Je vous parle de Mozilla Firefox (j'espère qu'il devrait en être de même dans d'autres navigateurs également).

Cliquez sur le menu Firefox , Aller à Imprimer , Sélectionnez Configuration de la page dans le sous-menu Imprimer. Un pop apparaîtra sur votre écran, allez dans l' onglet "Marge & Header / Footer" .

Dans ce sélectionnez "BLANK" pour l'en-tête / pied de page selon les exigences avant l'impression. Vous pouvez vérifier l'aperçu pour confirmation.

J'espère que cela aidera.

Mitravind Garg
la source
7

Cela m'a aidé: Imprimer la page sans liens

@media print {
    a[href]:after {
        content: none !important;
    }
}
Mihaela
la source
pouvez-vous s'il vous plaît expliquer cela
M.suleman Khan
J'ai eu un problème avec les hyperliens bootstrap montrant son contenu href sur la page d'impression. Cette solution m'a aidé à résoudre le problème.
Mohsin le
3

Vous pouvez supprimer l'url affichée sur le document imprimé via les paramètres de votre navigateur.Vous cliquez simplement sur fichier-> mise en page-> l'en-tête et le pied de page définissent toutes les choses comme vierges. T'aider

Anju
la source
2

Je ne sais pas si vous parlez d'un pied de page dans votre graphique réel ou de l'URL du processus d'impression dans le navigateur.

Si c'est l'URL, le processus d'impression dépend du navigateur s'il dispose d'une fonction pour désactiver cela.

Si c'est les informations de pied de page, je recommanderais d'utiliser une feuille de style d'impression et dans cette feuille de style à faire

display: none;

Pour l'ID particulier ou la classe du pied de page.

Pour faire une feuille de style d'impression, vous devez l'ajouter à la tête.

<link rel="stylesheet" type="text/css" href="/css/print.css" media="print" />
Ólafur Waage
la source
2

De nos jours, vous pouvez utiliser history APIpour modifier l'URL avant l'impression, puis revenir en arrière:

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

Mais vous devez créer un PRINTbouton personnalisé sur lequel l'utilisateur doit cliquer.

James Yang
la source
En utilisant votre solution, je vois toujours le "nom de domaine.com " imprimé dans le coin supérieur droit. Il a tout enlevé après cela.
Tod Birdsall
1

Dans Google Chrome, cela peut être fait en définissant les marges sur 0, ou si l'impression est géniale, puis en l'ajustant juste assez pour pousser le texte indésirable vers les zones non imprimables de la page. Je l'ai essayé et ça marche: D

entrez la description de l'image ici

Ardee Aram
la source
1

Problème de navigateur mais peut être résolu par ceux-ci:

<style type="text/css" media="print">
      @media print
      {
         @page {
           margin-top: 0;
           margin-bottom: 0;
         }
         body  {
           padding-top: 72px;
           padding-bottom: 72px ;
         }
      } 
</style>
Md. Hasibul Huq
la source
Vote positif car vous incluez du CSS qui remet les marges en place. THX!
Tod Birdsall
0

Je suis d'accord avec la plupart des réponses disant que c'est un paramètre de navigateur, mais vous pouvez toujours obtenir ce que vous voulez via COM. Gardez à l'esprit que la plupart des navigateurs auront toujours des problèmes avec cela et même IE augmentera la barre de sécurité COM pour les utilisateurs. Donc, à moins que ce ne soit pas quelque chose que vous offrez au sein de l'organisation, ne le faites pas.

hacher
la source
0

J'ai le même problème. Je me demande s'il est possible de créer le HTML pour l'impression via un plugin jquery: http://www.recoding.it/?p=138

Ensuite, envoyez le HTML à un script php (en utilisant un appel ajax), générez un pdf avec http://www.xhtml2pdf.com/ ou http://code.google.com/p/wkhtmltopdf/ .

Ensuite, le pdf peut être affiché (en définissant le type de contenu approprié et le rendu direct) ou affiché par une http-Redirection vers le pdf généré.

Les fichiers PDF générés dans le dossier pfd_for_printing-peuvent agir comme cache et être supprimés par un travail une fois par jour.

Chris
la source
Je souhaite imprimer une partie de la page (avec des styles) au format PDF ... Comment puis-je y parvenir? stackoverflow.com/questions/25082395/…
SearchForKnowledge
0

Sur Chrome 57, ce qui suit a fonctionné pour moi, si vous avez le contrôle de la page HTML à imprimer (dans mon cas, j'avais besoin d'imprimer une petite étiquette de 3 x 1 pouce):

  • supprimer l'élément de titre HTML de l'en-tête (soit temporairement en utilisant jquery, soit définitivement si cette page n'a pas vraiment besoin d'un titre)
  • définir la marge @page sur 0 comme mentionné par @Chamika Sandamal

Cela a abouti à l'impression d'une page contenant uniquement le corps du texte, aucune URL, aucun numéro de page, etc.

Johnny
la source
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>
Rajiv Chaturvedi
la source
ce code ne supprime que la marge. C'est pourquoi l'url ne s'affiche pas. mais lorsque vous l'utilisez, vous perdez le numéro de page.
Pramod Deshmukh
Je veux supprimer uniquement l'url de la page sur l'impression et non le numéro de page
Pramod Deshmukh
0
@media print { a[href]:after { content: none !important; } }
Rashid Khitilov
la source
0

Cela fonctionne bien pour moi en utilisant jquery

<style>
  @media print { @page { margin: 0; } 
   body { margin: 1.6cm; } }
</style>
Mugeesh Husain
la source
-1

Peut-être pourriez-vous essayer Chrome (Probablement Safari aussi)

L'URL et le numéro de page dans l'en-tête et le pied de page ne sont pas visibles lorsque j'imprime en pdf sur OSX avec Google Chrome.

Désolé, je ne sais pas si cela s'applique à Windows

PhilD
la source
-1

J'ai une astuce pour le supprimer de la page d'impression dans Firefox. Utilisez ceci:

<html moznomarginboxes mozdisallowselectionprint>

Dans la balise html, vous devez utiliser moznomarginboxes mozdisallowselectionprint. Je suis sûr que cela vous aidera beaucoup.

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

Vérifiez ce lien

Lien Vu
la source
1
Bonjour bienvenue à SO, merci d'essayer de répondre à cette question. Pouvez-vous fournir plus d'explications derrière votre réponse et la logique derrière votre solution? À votre santé!
James Wong - Réintégrer Monica le
Salut, Merci, cela fonctionne parfaitement dans le chrome (au moins), je ne sais pas pourquoi les gens ont voté pour cette solution parfaite.
Saman
-1

Ce sera la solution la plus simple. J'ai essayé la plupart des solutions sur Internet, mais seul cela m'a aidé.

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

    @page :header {
        display: none
    }
}
Zanyar J.Ahmed
la source
1
Dans quel navigateur cela fonctionne-t-il? Dans Chrome 80, cela ne fonctionne pas.
Ruben S