Печать веб-сайта без печати ссылок?

Я вызываю функцию печати навигатора, используя простой window.print(); вызов. Он отлично печатает (я хочу напечатать то же самое, что и на экране, поэтому на самом деле я не использую специальный CSS для печати), но он показывает расположение ссылок рядом с текстовой ссылкой, например:

    Homepage (http://localhost)

Чтобы быть яснее: я не хочу, чтобы ссылки были близки к ссылкам в печатной версии, у меня есть контроль над CSS, но я не могу найти это поведение в любом месте, поэтому я считаю, что это связанный с навигатором вопрос!

EDIT: Это происходит в Firefox 3.6.8 и последнем Chrome, на Ubuntu Windows XP/Vista.

Ответы

Ответ 1

Кажется, вы печатаете страницу с этим стилем из браузера, совместимого с CSS2

http://www.alistapart.com/articles/goingtoprint/

В полностью совместимом с CSS2 браузером мы могут вставить в скобки URL-адреса ссылки после каждого, что делает они достаточно полезны для всех, кто имеет копия распечатки и веб-браузер удобно. Это правило, которое ограничивает этот эффект "содержанием", div и, таким образом, избегает прикрепления URL-адреса в мачта:

#content a:link:after, #content a:visited:after {    
  content: " ("attr(href) ") ";    
  font-size: 90%;   
}

Попробуйте в браузере на базе Gecko, как Mozilla или Netscape 6.x. После каждой ссылке в распечатке, вы должны см. URL-адрес ссылки в круглые скобки.

Ответ 2

Итак, чтобы избежать дополнительной распечатки информации о ссылке на печатной веб-странице, добавьте следующие правила в раздел @media print:

a:link:after, a:visited:after {
    content: "";
}

Это приведет к удалению уродливой информации о ссылках, например Homepage (http://localhost), и уменьшит ее до Homepage. Конечно, вы можете добавлять правила, чтобы избежать этого только в текстовом разделе (или только в навигации, но вы не должны отображать навигацию в формате распечатки своей веб-страницы.

Ответ 3

содержание: ""; не работает Я использую это:

@media print {
    .noprint {display:none !important;}
    a:link:after, a:visited:after {  
      display: none;
      content: "";    
    }
}

Это работает для отключения!

Ответ 4

В настоящее время использование свойства содержимого должно работать во всех основных браузерах.

    @media print  - or -  <style type="text/css" media="print">

    a:link:after, a:visited:after {  
        content: normal; //TODO: add !important if it is overridden  
    }

Дополнительные параметры здесь: Содержание CSS.

Более полезные способы использования атрибута контента здесь: CSS-трюки

Ответ 5

Мой сервер приложений (рельсы) потребовал от меня использовать родительский селектор. Элемент body идеально подходит для выбора того, что должно быть на всей странице.

body a:link:after, body a:visited:after {    
  content: "";
}

Ответ 6

Я обнаружил, что другие решения не работают (больше) кросс-браузер. Следующие работы в FF 29, Chrome 35, IE 11:

a:link:after, a:visited:after {  
  content: normal !important;  
}

Ответ 7

Для тех, кто использует Bootstrap 3, используется селектор:

a[href]:after { }

И можно переоценить что-то вроде:

a[href]:after {
   content: initial;
}

Ответ 9

Добавление этого поможет вам удалить эти нежелательные ссылки

<style type="text/css" media="print">
@page 
{
    size: auto;   /* auto is the initial value */
    margin: 0mm;  /* this affects the margin in the printer settings */
}

Чтение этого поможет

Ответ 10

Я нашел упомянутый CSS и удалил его, но это не помогло, и я не смог найти его где-либо еще в проекте, поэтому я использовал jQuery для удаления ссылок, но сохраняю текст.

$('a[title="Show Profile"]').contents().unwrap();

Подробнее здесь Удалить гиперссылку, но сохранить текст?

Ответ 11

Я столкнулся с той же проблемой, если вы используете хром, трюк заключается в отображении окна печати, в этом есть левая панель конфигурации, которая дает некоторую конфигурацию режима отображения и другую, есть ссылка ниже named: more params или больше config (у меня было на французском языке, поэтому я попытался перевести его), щелкните по нему, после чего он покажет некоторые дополнительные опции, среди которых есть флажок "верхний и нижний колонтитул", чтобы снять флажок, и он скроет "локальный...." надеюсь, это поможет

Ответ 12

В то время как было предложено множество опций css, если вы хотите избавиться от ссылок и заголовков в верхнем и нижнем колонтитуле, которые вынуждены на каждой странице, для вас есть настройка. Как показано ниже.

Remove Footer Links in Chrome Print View

Что это.

Ответ 13

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