إزالة قيم Href في مخرجات طباعة Chrome

عند تخصيص طباعة CSS في Chrome، قد تواجه مشكلة حيث تتم طباعة الروابط مع كل من المحتوى النصي وقيمة href. لحل هذه المشكلة، اتبع الخطوات التالية:

للإشارة، إليك ملف HTML الأولي:

Google

السلوك الافتراضي لـ Bootstrap:

يتضمن Bootstrap ورقة أنماط مطبوعة تُلحق قيمة href بالروابط الموجودة بين قوسين:

@media print { أ[href]:بعد { المحتوى: "(" attr(href) ")"; }

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

تعطيل أو تجاوز نمط Bootstrap:

لإزالة قيم href، يمكنك إما تعديل ورقة أنماط الطباعة الخاصة بـ Bootstrap أو تجاوزها بنفسك:

تعطيل نمط Bootstrap:

إزالة قاعدة a[href]:after من ورقة أنماط الطباعة في Bootstrap.

تجاوز النمط:

أضف قاعدة a[href]:after جديدة إلى ورقة أنماط الطباعة الخاصة بك وقم بتعيين المحتوى: none !important; لتعطيل تصميم Bootstrap:

@media print { أ[href]:بعد { المحتوى: لا شيء! مهم؛ }

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

بعد تنفيذ هذه التغييرات، سيتم طباعة الروابط فقط المحتوى النصي، حسب الرغبة:

Google