Chrome에서 인쇄된 Href 값을 제거하는 방법은 무엇입니까?

Chrome 인쇄 중 Href 값 제거

Chrome에서 인쇄 CSS 스타일을 맞춤설정하려고 하면 링크가 다음과 같이 인쇄되는 문제가 발생할 수 있습니다. href 값이 추가되었습니다. 이로 인해 다음 예에서 볼 수 있듯이 바람직하지 않은 출력이 발생할 수 있습니다.

HTML:

<code class="html">&lt;a href=&quot;http://www.google.com&quot;&gt;Google&lt;/a&gt;</code>

인쇄 출력:

<code class="text">Google (http://www.google.com)</code>

원하는 인쇄 출력:

<code class="text">Google</code>

이 문제를 해결하려면 선택한 답변에서 제안한 것과 유사한 솔루션을 활용할 수 있습니다. 예를 들어 Bootstrap은 CSS를 통해 인쇄된 텍스트에 href 값을 연결하는 내용 이후를 삽입합니다. 이 동작을 비활성화하려면 인쇄 스타일시트에서 관련 CSS 규칙을 제거하거나 재정의하세요.

<code class="css">@media print {
  a[href]:after {
    content: none !important;
  }
}</code>

이 CSS 규칙을 적용하면 href 값의 인쇄를 효과적으로 억제하여 더 깔끔하고 간결한 결과를 얻을 수 있습니다. 인쇄된 결과물입니다.

위 내용은 Chrome에서 인쇄된 Href 값을 제거하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!