Нужно распечатать только рамку, а не всю страницу с помощью Google Chrome.

Когда я пытаюсь распечатать веб-страницу, при использовании IE или других браузеров на печати появляется только рамка. Однако через Google Chrome печатается вся страница.

Я провел небольшое исследование и выяснил, что добавление плагина OpenFrame поможет. Однако я ищу решение без плагинов. Наш продукт используется рядом клиентов, и мы не можем попросить их установить какие-либо плагины.

Можем ли мы исправить это, внеся изменения в CSS или скрипты.


person Praveen Narsipur    schedule 14.11.2011    source источник


Ответы (7)


Используя JavaScript, вы можете печатать кадры независимо, например.

top.frames[1].print()

Если вы включаете кнопку печати или прослушиваете события печати, вы можете вызвать ваша функция печати, которая печатает только нужный кадр.

Или вы можете использовать CSS @media print, чтобы указать, что будет напечатано.

person Denes Papp    schedule 04.01.2014

Выделите (выберите) то, что вы хотите напечатать, щелкните правой кнопкой мыши выделенную область и нажмите «Печать».

p.s. Другой вариант не помог. Надстройка (приложение Chrome) не имеет опции печати, открывается только в новом окне, и при этом отправляет запрос на новую страницу, и для многих сайтов это не работает.

person Joao Leme    schedule 29.10.2015

Лучше всего использовать это "приложение Chrome", чтобы добавить контекстное подменю в Chrome.

После установки щелкните правой кнопкой мыши рамку, которую хотите напечатать, выберите [Этот фрейм] и выберите вариант, который лучше всего подходит для вашей ситуации, обычно [Открыть фрейм в новой вкладке]. Как только у вас появится кадр на новой вкладке, вы просто распечатаете его, нажав CTRL-P или щелкнув правой кнопкой мыши [Печать].

person FrancoSF    schedule 18.04.2013
comment
Очень жаль, что это не было встроено в Chrome - person Madbreaks; 14.07.2014
comment
ссылка теперь 404 - person emmby; 12.02.2018

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

проблематично, потому что

  1. Это не решение для конечного пользователя; это должен сделать разработчик страницы, и
  2. Мы говорим о фреймах, которые на самом деле являются независимыми страницами. Такое решение не позволит пользователю распечатать два кадра независимо друг от друга.

предложение

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

может работать в некоторых обстоятельствах, но для меня он просто удаляет все фреймы и возвращается к содержимому <noframe> на странице набора фреймов.

Насколько я могу судить, нет достойного способа напечатать только один кадр из уже загруженного набора кадров. Плагин Chrome, который я не пробовал, называется «Печать этого фрейма» на самом деле просто повторно загружает фрейм в новую вкладку (с возвратом на сервер).

Но без этого подключаемого модуля, если фрейм, который вы хотите напечатать, был создан по гиперссылке внутри набора фреймов, вы обычно можете загрузить фрейм в отдельной вкладке или окне, просто щелкнув правой кнопкой мыши по этой ссылке и выбрав «Открыть ссылку в новой вкладке» или «Открыть ссылку в новом окне»

person Robin Richmond    schedule 05.04.2016

Вы должны использовать CSS:

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

В версии для печати блоки с классом div-to-not-print будут скрыты.

person Ujjwal Singh    schedule 10.05.2013

Я нашел еще один вариант полезным.

Нажмите «Файл» > «Печать», затем используйте параметр «Упростить страницу», который удаляет ненужные элементы со страницы.

Это может не относиться к конкретной странице, которую вы печатаете. Но я часто им пользуюсь.

person user2230605    schedule 28.03.2016

Столкнувшись с той же проблемой, я обнаружил, что наиболее удобный способ точно контролировать то, что я хочу напечатать, таким образом удаляя добавления и различные элементы, которые просто тратят бумагу, — это редактировать исходный код страницы напрямую:

  • Осмотрите страницу: Ctrl-Shift-I -> откроется панель с исходным кодом страницы и макетом.
  • By hover'ing over the source code it is really quick to identify the interesting elements that you are interested in, just remove the other ones:
    • it is a hierarchical representation of the page layout so you can expand the and elements to have more granularity when hover'ing
    • вам может потребоваться изменить или удалить класс элементов, чтобы изменить внутреннюю компоновку, если вы, например, удалили внутренние столбцы.

Вот пример: введите здесь описание изображения

person Louis Caron    schedule 10.07.2021