распечатать измененную веб-страницу без ее отображения - PullRequest
Новая
       11

распечатать измененную веб-страницу без ее отображения

0 голосов
/ 17 мая 2011

Я пытаюсь внедрить «напечатать эту страницу» на странице продукта электронной коммерции.Это будет без лишних разделов, таких как верхняя навигация, нижний колонтитул, кнопка добавления в корзину и т. Д. Я хочу, чтобы он работал как target.com http://www.target.com/Avalon-Vitamin-Moisture-Plus-Lotion/dp/B00120ZAYI/ref=sr_1_13?ie=UTF8&searchView=grid5&keywords=vitamins&fromGsearch=true&sr=1-13&qid=1305580954&rh=&searchRank=target104545&id=Avalon%20Vitamin%20Moisture%20Plus%20Lotion&node=1038576|1287991011&searchSize=30&searchPage=1&searchNodeID=1038576|1287991011&searchBinNameList=subjectbin%2Cprice%2Ctarget_com_primary_color-bin%2Ctarget_com_size-bin%2Ctarget_com_brand-bin&frombrowse=0

Если вы попытаетесь распечатать его, будет напечатан только необходимый контент.Я запутался, как это реализовать.Должен ли я создать модифицированную версию страницы продукта и распечатать ее, не отображая ее пользователю?Пожалуйста, сообщите.

1 Ответ

1 голос
/ 17 мая 2011

Вы можете установить пользовательскую страницу CSS, которая имеет верхний колонтитул, навигацию, нижний колонтитул или все, что вам нравится, поэтому, когда пользователь нажимает кнопку печати, веб-браузер просматривает команду print css и действует так, как вы хотите. 1001 *

Пример этого:

В HTML 

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

Под атрибутом «носитель» печать будет использоваться только при ее распечатке.

В CSS для main.css может выглядеть как .. 

header { font-size: 32px; }
nav { font-size: 14px; }
footer { font-size: 10px; text-align: center; }

В CSS для print.css это может выглядеть так ... 

header { display: none; }
nav { display: none; }
footer { display: none; }

По сути, сделайте копию используемого вами CSS и просто установите отображение: нет; к тому, что вы не хотите печатать.

...