Perlu menghapus nilai href saat mencetak di Chrome

Saya mencoba untuk menyesuaikan cetak CSS, dan menemukan bahwa itu mencetak tautan dengan hrefnilai serta tautan.

Ini ada di Chrome.

Untuk HTML ini:

<a href="http://www.google.com">Google</a>

Mencetak:

Google (http://www.google.com)

Dan saya ingin mencetak:

Google

Bootstrap melakukan hal yang sama (... seperti jawaban yang dipilih di bawah).

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

Hapus saja dari sana, atau ganti dengan lembar gaya cetak Anda sendiri:

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

Tidak . Di suatu tempat di lembar gaya pencetakan Anda, Anda harus memiliki bagian kode ini:

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

Satu-satunya kemungkinan lain adalah Anda memiliki ekstensi untuk melakukannya.

@media print {
   a[href]:after {
      display: none;
      visibility: hidden;
   }
}

Pekerjaan sempurna.

Jika Anda menggunakan CSS berikut

<link href="~/Content/common/bootstrap.css" rel="stylesheet" type="text/css"    />
<link href="~/Content/common/bootstrap.min.css" rel="stylesheet" type="text/css" />
<link href="~/Content/common/site.css" rel="stylesheet" type="text/css" />

ubah saja ke gaya berikut dengan menambahkan media = "layar"

<link href="~/Content/common/bootstrap.css" rel="stylesheet" **media="screen"** type="text/css" />
<link href="~/Content/common/bootstrap.min.css" rel="stylesheet" **media="screen"** type="text/css" />
<link href="~/Content/common/site.css" rel="stylesheet" **media="screen"** type="text/css" />

Saya pikir itu akan berhasil.

jawaban mantan suka

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

tidak berfungsi dengan baik di penelusuran krom.

Saya mengalami masalah serupa hanya dengan img bersarang di jangkar saya:

<a href="some/link">
   <img src="some/src">
</a>

Ketika saya melamar

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

Saya kehilangan img dan seluruh lebar jangkar karena beberapa alasan, jadi saya malah menggunakan:

@media print {
   a[href]:after {
      visibility: hidden;
   }
}

yang bekerja dengan sempurna.

Kiat bonus : periksa pratinjau cetak

Untuk menyembunyikan url Halaman.

gunakan media="print"dalam contoh gaya tage:

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

Jika Anda ingin menghapus tautan:

@media print {
   a[href]:after {
      visibility: hidden !important;
   }
}

Untuk pengguna normal. Buka jendela periksa halaman saat ini. Dan ketik:

l = document.getElementsByTagName("a");
for (var i =0; i<l.length; i++) {
    l[i].href = "";
}

Maka Anda tidak akan melihat tautan url di pratinjau cetak.