ক্রোমে মুদ্রণের সময় href মানগুলি সরানো দরকার

Question

আমি মুদ্রণ সিএসএস কাস্টমাইজ করার চেষ্টা করছি এবং এটি খুঁজে পাওয়া যায় যে এটির hrefপাশাপাশি লিঙ্কটির সাথেও লিঙ্কগুলি প্রিন্ট করে।

এটি ক্রোমে রয়েছে।

এই এইচটিএমএলের জন্য:

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

এটি প্রিন্ট করে:

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

এবং আমি এটি মুদ্রণ করতে চান:

Google

Comments

প্রতিটি বড় সিএসএস কাঠামো কেন তা মনে রাখবেন - আপনি কাগজে ক্লিক করতে পারবেন না! সুতরাং আপনি যদি এটি নিষ্ক্রিয় করতে চলেছেন তবে নীচের লিঙ্কগুলির একটি তালিকা যুক্ত করা উচিত, যেমন: alistapart.com/article/improvingprint

— জুলিক্স

এটি সত্য, তবে আমি মনে করি যে কখন এবং কোথায় লিঙ্কটি উপস্থিত হবে তার নিয়ন্ত্রণ রাখা ভাল। উদাহরণস্বরূপ, আমার লিঙ্কগুলিতে আমি চাইছি যে তারা পাঠ্যটির পরে এবং প্রথম বন্ধনী ছাড়াই পরবর্তী লাইনে উপস্থিত হবে। সুতরাং আমি কেবল লেখায় url দেখাব show

— ব্যবহারকারী 4052054

Answer 1

বুটস্ট্র্যাপ একই কাজ করে (... নীচে নির্বাচিত উত্তর হিসাবে)।

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

কেবল এটিকে সেখান থেকে সরিয়ে দিন, বা আপনার নিজের মুদ্রণের স্টাইলশিটে ওভাররাইড করুন:

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

Comments

<style>@media print{a[href]:after{content:none}}</style>আমি যখন এই পৃষ্ঠায় ফিরে আসতে থাকি তখন বেশিরভাগ ক্ষেত্রে আমার জন্য পোস্ট করা, আপনাকে ধন্যবাদ

— উইলিয়াম এন্টারিকেন

স্পষ্টতই ফাউন্ডেশন একই কাজ করে।

— স্পাস্টিনিঞ্জ

দেখে মনে হচ্ছে এইচটিএমএল 5 বয়লারপ্লেট এটিও করে! সুতরাং আমি অনুমান করি যে এটি আমার নিজের ওয়েবসাইটে কোড পরিবর্তনের মাধ্যমে এবং অন্যান্য ওয়েবসাইটে পরিদর্শকের মাধ্যমে ওভাররাইড করতে হবে ...

— ADTC

সতর্কতা: আমাদের এমন সমস্যা ছিল যেখানে মুদ্রণের সময় কোনও টেবিলের মাঝে মাঝে সর্বশেষ কয়েকটি সারি হারিয়ে যায়। দেখা গেল যে এই নিয়মই অপরাধী, বা কমপক্ষে এটি সরানোর ফলে সমস্যাটি স্থির হয়েছে। কেন এটি প্রভাব ফেলেছিল তা জানেন না।

— হেনরিক এন

@ হেনরিকএন - আমি মনে করি এটি ভাসমান বুটস্ট্র্যাপ কলামগুলির সাথে সম্পর্কিত। float:noneযেখানে প্রয়োজন কয়েক সপ্তাহ আগে আমার জন্য একই সমস্যা স্থির করে ব্যবহার করে ; আপনাকে সাহায্য করতে পারে তবে এটি একটি আলাদা সমস্যা

— অ্যান্ড্রু

Answer 2

এটা হয় না । আপনার মুদ্রণ স্টাইলশীটের কোথাও আপনার কোডের এই বিভাগটি থাকতে হবে:

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

কেবলমাত্র অন্য সম্ভাবনাটি আপনার জন্য এটি করার একটি এক্সটেনশন রয়েছে।

Comments

আমি এটি জর্ব ফাউন্ডেশন সিএসএসে পেয়েছি।

— ফরেক্স

Answer 3

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

কাজের নিখুঁত।

Answer 4

আপনি যদি নিম্নলিখিত সিএসএস ব্যবহার করেন

<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" />

কেবল মিডিয়া = "স্ক্রিন" যুক্ত করে এটিকে নিম্নলিখিত স্টাইলে পরিবর্তন করুন

<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" />

আমি মনে করি এটি কার্যকর হবে।

প্রাক্তন উত্তর মত

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

ক্রোম ব্রাউজে ভাল কাজ করা হয়নি।

Answer 5

আমি কেবল আমার অ্যাঙ্কারে নেস্টেড ইমগ নিয়ে একই ধরণের সমস্যার মুখোমুখি হয়েছি:

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

আমি যখন আবেদন করি

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

আমি কোনও কারণে আমার আইএমজি এবং পুরো অ্যাঙ্কারের প্রস্থ হারিয়েছি, সুতরাং পরিবর্তে আমি ব্যবহার করেছি:

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

যা নিখুঁতভাবে কাজ করেছে।

বোনাস টিপ : মুদ্রণ প্রাকদর্শন পরিদর্শন

Answer 6

পৃষ্ঠা ইউআরএল লুকানোর জন্য।

media="print"স্টাইল টেজ উদাহরণ ব্যবহার করুন :

<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>

আপনি যদি লিঙ্কগুলি সরাতে চান:

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

Answer 7

সাধারণ ব্যবহারকারীদের জন্য। বর্তমান পৃষ্ঠার পরিদর্শন উইন্ডোটি খুলুন। এবং টাইপ করুন:

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

তারপরে আপনি মুদ্রণ পূর্বরূপে url লিঙ্কগুলি দেখতে পাবেন না।

Comments

আপনি যে পৃষ্ঠার মুদ্রণের চেষ্টা করছেন তার উত্স কোডের যদি আপনার কোনও নিয়ন্ত্রণ না থাকে তবে এটি একটি ভাল সমাধান।

— প্যাডিম্যাক