PDFをダウンロード、印刷させたくない（PDFjsを利用）右クリックも禁止したい。

2020年06月29日

  • PDFをダウンロードさせたくない。ダウンロード禁止（不可にしたい）。
  • PDFをプリントアウト・印刷させたくない。プリントアウト・印刷禁止（不可にしたい）。
  • PDFをブラウザに埋め込む。
  • 右クリックを禁止にしたい。

というニーズがあります。

PDFjsで実装して、多少、拡張しました。

 

viewer.css
最後に下記のコードを追加。PDFjsのツールバーを非表示にする。プリントアウトで空白を出力。

.toolbar {
    display: none;
}
#viewerContainer {
    top: 0;
}

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

 

func.js
新規作成する。コードは下記の２行。右クリックを禁止にする。

document.getElementsByTagName('html')[0].oncontextmenu = function () {return false;}
document.body.oncontextmenu = function () {return false;}

 

viewer.html
上記のJSを追加する。viewer.js 読み込み後に、追加。

<script src="viewer.js"></script>
<script src="func.js"></script>

【サンプルページ】

https://www.yellow-bird.jp/PDFjs/web/viewer.html?file=pdf/pdfjs-20200629.pdf

【参考サイト】

 

 

とはいっても、完全に抑止できることではない。

  • スクリーンショットを撮られる。
  • javascriptを解析、OFFにされる。

Archive