跳至主要內容

打印时显示链接地址

鸭梨小于 1 分钟

打印时显示链接地址

在很多框架中,将内容打印总是默认给链接文字加上链接地址,并附加括号。比如本文使用的 VuePress 也支持这一点。

为了测试,请使用浏览器的打印功能(可以按 Ctrl + P,移动端可以使用菜单中的打印),这样 这个链接open in new window 的地址就会显示出来。

这一点可以参考 Bootstrap 的实现:

@media print {
  a, a:visited {
    text-decoration: underline;
  }

  a[href]:after {
    content: " (" attr(href) ")";
  }

  abbr[title]:after {
    content: " (" attr(title) ")";
  }
}

如果需要覆盖样式:

@media print {
  a[href]:after {
    content: "";
  }
}