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?


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


3
Sur Firefox 20.0, cela ne supprime pas l'URL de l'aperçu avant impression
Mirzhan Irkegulov


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


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


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>

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.


7

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

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

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


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

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.


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


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>

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.


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.


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.


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>

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

Cela fonctionne bien pour moi en utilisant jquery

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

-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


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


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

Vérifiez ce lien


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

1
Dans quel navigateur cela fonctionne-t-il? Dans Chrome 80, cela ne fonctionne pas.
Ruben S
En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.