Можно ли удалить URL-адрес из моего css-файла печати, чтобы веб-адрес не печатался?

Я написал несколько таблиц стилей – в том числе print.css – и он работает нормально.

Я хотел бы удалить URL-адрес из печати на каждой странице. Я начинаю задаваться вопросом, невозможно ли это. Есть ли элемент / параметр, который я могу установить для отображения: none для этого?

Причина в том, что конкретные страницы с таблицей стилей «normal» и «print» были специально отформатированы, поэтому при печати она формирует значимый буклет. Поэтому URL-адрес не имеет значения.

В Firefox https://bug743252.bugzilla.mozilla.org/attachment.cgi?id=714383 (просмотр страницы source :: tag HTML).

В своем коде замените на .

В других браузерах я не знаю, но вы можете посмотреть http://www.mintprintables.com/print-tips/header-footer-windows/

К сожалению нет. Верхний и нижний колонтитулы генерируются браузером. Только конечный пользователь может изменить нижний колонтитул – может быть, идея дать пользователю шаг за шагом для каждого браузера, что делать. См. Здесь, например, набор иллюстрированных проходов для оконных браузеров.

Единственная альтернатива, которую я знаю, – это создание PDF-файлов, с помощью которых вы полностью контролируете печатный результат.

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

Используйте этот код. Это поможет решить вашу проблему.

 @media print { @page { margin: 0; } body { margin: 1.6cm; } } 

вы можете попробовать это в таблице стилей:

 @page{size:auto; margin-bottom:5mm;} 

Но это также удаляет номер страницы

Это решение сделает трюк в Chrome и Opera, установив margin в 0 в директиве css @page. Он не будет (в настоящее время) работать для других браузеров, хотя …

Если я правильно вас понимаю, вы говорите о верхних и нижних колонтитулах. Они печатаются браузером. Они не являются частью вашего HTML-контента, поэтому вы не можете напрямую влиять на них.

Покажите пользователям, как отключить верхние и нижние колонтитулы в диалоговом окне «Настройка страницы …».

К сожалению, верхние и нижние колонтитулы для печати из браузеров – это предпочтение браузера, а не элемент уровня документа, который вы можете создать. См. Мой очень похожий вопрос для дальнейших обходных решений и разочарования.

Это зависит от вашего веб-браузера. Если вы используете Firefox, вы можете настроить или отключить эти строки заголовка и нижнего колонтитула (URL, номер страницы и т. Д.), Выбрав « Файл»> «Параметры страницы», а затем перейдите на вкладку « Поля и верхний / нижний колонтитул ».

Я предполагаю, что вы говорите о URL-адресе, который отображается в нижнем колонтитуле страницы.

Если это так, это задается браузером, и это не то, что вы можете сделать из своего кода.

Я не уверен, но URL-адрес добавляется браузером, когда вы хотите распечатать. Это не часть страницы, поэтому CSS не может быть затронут. Возможно, есть способ, но он зависит от браузера.

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

http://css-discuss.incutio.com/wiki/Print_Stylesheets#Print_headers.2Ffooters_and_print_margins

Однако с 2017 года стандартное правило @page стандартизовано, что может быть использовано для скрытия названия и даты страницы в современных браузерах:

@page {size: auto; край: 0 мм; }

Поблагодарите Vigneswaran S за этот отзыв.

Я также пробовал все, но, наконец, я пишу ниже кода, чтобы сделать URL короче:

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

Но вам нужно создать пользовательскую кнопку PRINT для клика.

Это проблема с браузером. Но вы можете справиться с этой проблемой с помощью этих строк:

  

Для Internet Explorer откройте «Инструменты». Нажмите на параметр печати, а затем настройте страницу. Под заголовками и нижним колонтитулом сделайте все варианты «пустыми». Затем он не будет распечатываться на ваших печатных страницах.

Надеюсь, это поможет.

  • Как вертикально центрировать divs?
  • Поплавок справа и абсолютная позиция не работают вместе
  • Полные стили для кросс-браузера.
  • В чем смысл крахмальных полей CSS?
  • Bootstrap с другим порядком на мобильной версии
  • Разница между шириной: 100% и шириной: 100vw?
  • Почему вы не можете группировать потомков в селекторе CSS?
  • Почему проценты margin / padding в CSS всегда вычисляются по ширине?
  • Градиенты в Internet Explorer 9
  • CSS: фиксированный снизу и центрированный
  • CSS: прежде чем на встроенном SVG
  • Давайте будем гением компьютера.