Blazor 인쇄 막는 방법

Blazor 인쇄 막는 방법

 

Blazor Server-Side Rendering (SSR) 에서는 페이지가 서버에서 정적으로 HTML로 렌더링되므로, 브라우저 인쇄 기능(Ctrl+P 또는 메뉴 인쇄)을 완전히 차단하는 것은 불가능합니다. 브라우저의 인쇄 기능은 클라이언트 측에서 동작하며, 웹 페이지가 이를 제어할 수 없기 때문입니다. 

그러나 인쇄 시 내용을 숨기거나 빈 페이지로 만드는 방법으로 실질적으로 인쇄를 막을 수 있습니다. 가장 간단하고 효과적인 방법은 CSS의 @media print를 사용하는 것입니다.

app.css 파일에 아래의 내용을 추가합니다.

@media print {
    body {
        display: none !important;
    }
}

실행하고 인쇄를 하면 아래처럼 빈화면만 표시됩니다.

 

특정 문구를 넣고 싶은 경우 아래와 같이 처리합니다.

@media print {
    /* 모든 본문 내용을 숨김 */
    body {
        display: none !important;
    }

    /* 특정 메시지 표시 */
    html::after {
        content: "This page is prohibited from printing.";
        display: block;
        text-align: center;
        font-size: 20pt;
        margin-top: 50px;
    }
}

결과