web-dev-qa-db-fra.com

Besoin d'imprimer uniquement le cadre et non la page entière à l'aide de Google Chrome

Lorsque j'essaie d'imprimer la page Web, seul le cadre apparaît lors de l'impression lorsque vous utilisez IE ou d'autres navigateurs. Cependant, via Google Chrome, toute la page est imprimée.

J'ai fait une petite recherche et découvert que l'ajout du plugin OpenFrame ferait l'affaire. Cependant, je cherche la solution sans les plugins. Notre produit est utilisé par plusieurs clients et nous ne pouvons leur demander d'installer aucun plugin.

Pouvons-nous résoudre ce problème en apportant des modifications ou des scripts CSS?.

13
Praveen Narsipur

En utilisant JavaScript, vous pouvez imprimer des cadres indépendamment, par exemple.

top.frames[1].print()

Si vous incluez un bouton d'impression ou si vous écoutez print events , vous pouvez appeler votre fonction d'impression qui imprime uniquement le cadre de votre choix.

Ou vous pouvez utiliser CSS @media print pour définir ce qui sera imprimé

16
Denes Papp

Le meilleur moyen consiste à utiliser ce " Chrome App " pour ajouter un sous-menu contextuel à votre navigateur Chrome. 

Après l'installation, cliquez avec le bouton droit de la souris sur le cadre que vous souhaitez imprimer, sélectionnez [Ce cadre], puis sélectionnez l'option qui vous convient le mieux, en général [Ouvrir le cadre dans un nouvel onglet]. Une fois que vous avez le cadre. dans un nouvel onglet, il vous suffit de l’imprimer avec CTRL-P ou de cliquer avec le bouton droit de la souris sur [Imprimer].

6
FrancoSF

Mettez en surbrillance (sélectionnez) ce que vous voulez imprimer, cliquez avec le bouton droit de la souris sur la zone sélectionnée et appuyez sur Imprimer.

p.s .: Aucune autre option n'a fonctionné. Le module complémentaire (application Chrome) ne comporte pas d’option d’impression. Il ne s'ouvre que dans une nouvelle fenêtre. Il envoie ainsi une nouvelle demande de page et ne fonctionne pas pour de nombreux sites.

6
Joao Leme
@media print { .div-to-not-print {display:none}}

est problématique parce que 

  1. Ce n'est pas une solution pour l'utilisateur final; cela doit être fait par le développeur de la page , et 
  2. Nous parlons d'images, qui sont en fait des pages indépendantes. Ce type de solution ne permettrait pas à un utilisateur d'imprimer deux Images indépendamment.

La suggestion

Click on the File > Print , then use the option Simplify Page

cela peut fonctionner dans certaines circonstances, mais pour moi, il supprime simplement tous les cadres et rétablit le contenu <noframe> dans la page de jeu de cadres.

Autant que je sache, il n’existe aucun moyen correct d’imprimer une seule image dans un jeu de cadres déjà chargé. Un plugin Chrome que je n'ai pas encore essayé et appelé "Imprimer ce cadre" ne fait que ré-charger le cadre dans un nouvel onglet (avec un aller-retour vers le serveur). 

Mais, sans ce plugin, si le cadre que vous souhaitez imprimer a été créé à partir d'un lien hypertexte dans le jeu de cadres , vous pouvez généralement le charger dans un onglet ou une fenêtre distincts en cliquant simplement sur ce lien et en sélectionnant "Ouvrir lien dans un nouvel onglet "ou" Ouvrir le lien dans une nouvelle fenêtre "

1
Robin Richmond

Eh bien, la seule solution de contournement que je puisse suggérer consiste à ouvrir la source de la page et à trouver la section 

cliquez sur le lien et imprimez-le. 

0
Snake Sanders

J'ai trouvé une autre option utile.

Cliquez sur Fichier> Imprimer, puis utilisez l'option Simplifier la page, qui supprime les éléments inutiles de la page.

Cela peut ne pas être pertinent pour une page spécifique que vous imprimez. Mais je l'utilise souvent.

0
user2230605

Vous devriez utiliser CSS:

@media print {.div-to-not-print {display: none}}

Dans la version imprimée, les blocs avec la classe div-to-not-print seront masqués.

0
Ujjwal Singh