前提・実現したいこと
全体公開する画像およびPDFを保存させにくくしたいと考えています。
(ページの関係で、別ウィンドウで画像やPDFを開けるようにもしています。)
###試したこと
いろいろ調べたところ、画像の右クリック禁止、ドラッグ禁止があったので、各imageに「oncontextmenu="return false;」を記載して対策をしました。
実際に右クリック禁止、ドラッグ禁止は効いていました。
ですが、別ウィンドウでは対策されておらず、右クリックすると簡単に保存できてしまいます。
更に言うと、PDF等のファイルに関する保存禁止のコードが見つかりませんでした。
CSSで
img {
pointer-events: none;
}
img {
-webkit-touch-callout:none;
-webkit-user-select:none;
-moz-touch-callout:none;
-moz-user-select:none;
touch-callout:none;
user-select:none;
}
上記のコードも試してみましたが、「作業中のスキーマではサポートされていないため、無効としてマークされている」とのアラートが出てしまいました。
また、透明の画像を重ねて防止する方法も試してみたのですが、別ウィンドウで見ようとすると、本来の画像が表示されないことになる為、使用するのを断念いたしました。
完全に禁止することができないということは、いろいろ調べてみた結果、理解できたのですが、やはり、「保存しにくくなる」くらいの対策は講じておきたいと思い、ご相談させていただきたいです。
皆さまのお力を貸していただきたいです。
何卒、宜しくお願い申し上げます。
回答1件
あなたの回答
tips
プレビュー