「ファイル→名前を付けて保存」を出来ないようにする方法

Question

前提・実現したいこと

名前をつけて保存とした時にシステムの画面のhtmlを保存できないようにするもしくは保存したものが違うものになっているようにしたいです。

.htaccesもしくはcssで防げるようにしたいです。

発生している問題・エラーメッセージ

ファイル→名前を付けて保存を押した際に画面のHTMLなどの情報が保存されてしまう。

試したこと

CSSで該当のものが見つからない際にエラーが出ると言うことでしたので試してみましたがダメでした。
設定の仕方がよくないのでしょうか？

<style type="text/css">
        <!--
        @import "http://";
        -->
</style>

Comments

[miyabi_pudding]

何を見られたくない感じでしょうか？
データベースの接続情報とかでしょうか？
それなら、サーバーサイドを使えば、やる方法はありますが。

[m6388544291]

画像、PDFなどのコンテンツ情報です。

[miyabi_pudding]

それは・・・・・。
無理ですね。
HTMLで表示している以上、パスも表示されてしまいますし、
サーバー側で、HTMLを通して参照しているかどうかというのは判別できません。
トークンを使って、、、という方法もあるかと思いますが、
（秒単位で、そのトークンがないと画像を返さないという風な仕組み。
つまり、HTMLでバッと表示した時点でしか有効でないようにする。直接URL叩いた時には、有効でないURLとする）
それにはかなりのサーバーサイド、フロントエンドの技術力が必要になるため、
初心者ではとても手に負えないでしょう。

Answer 1

公開するということはそういうことですので基本的には
保存を防ぐ方法はありません。

Comments

[m6388544291]

http://www.netmania.jp/technique/hp/error.php

[m6388544291]

https://oshiete.goo.ne.jp/qa/2727243.html

[yambejp]

flashとか過去の遺物です
参考にしてはいけません

[m6388544291]

フラッシュはダメですね。

http://www.netmania.jp/technique/hp/error.php

こちらの方法を参考にしているのですができないのですがわかりますか？

[y_waiwai]

初心者あるあるの質問ですね。。

[dit.]

`@import "http://";`で無効なスタイルシートを読み込ませてエラーを出す方法を試してみましたが、IEでのエラーメッセージは確認できました。
Google Chrome、Firefoxではエラーメッセージは出ませんでした。

[miyabi_pudding]

IE限定・・・・。

質問者さん、
記事にも、

> ※2006.8 時点の記事です。

とある通り、情報が古すぎます。
現代では不可能と考えましょう。

[m6388544291]

そう言うことだったんですね。。。
残念です。

https://www.pdf-nosave.com/sample.html

あわよくば上記のサイトのようにできたらいいなと思っていました。

[yambejp]

あえてやるなら、spaのようにコンテンツを別にもってfetch(or ajax)で
都度読んでやる仕組みにする位ですかね・・・
ファイル保存させないことで何を守りたいのかによります。

[kai0310]

例としてNuxt.jsを使用したサイトではプロジェクトディレクトリーをごっそり保存されることはないかと。。

Answer 2

Webサイト上で情報の保存を防ぐことは基本的に労力の割に効果がいまいちなのでお勧めしません。
「https://www.pdf-nosave.com/sample.html」のものも面倒ながら保存もスクリーンショットもできますし。

一応既存の例を挙げますと、画像をcanvasに描画することで(スクリーンショットは防げないが)少なくともオリジナルのファイルを保存されないようにする手法を見かけます。
オリジナルのファイルを読む際に取られたら元も子もないので暗号化しておく必要がありますが、複雑な暗号化をしたところでローカルで復号する以上完全な防御にはなりえないので妥協は必要です。
私が見たものではJPEGファイルをブロックに分割して並べ替える簡単な難読化がなされていました。

Answer 3

質問修正依頼コメントに記載の通り、画像などを隠したいのであるならば、
例えHTMLを保存不可にしたとしても、
ソースを表示、などで、パスが分かってしまうため、不可能です。

よって下記の方法はいかがでしょうか？

1. 画像などを返す、サーバーサイドAPIを作り、トークン付きでないと、正しく画像などを返さないようにする
2. トークンが有効なのは発行後数秒間のみにし、URL直接アクセスのタイミングでは、403を返すようにする。
3. HTML上の画像などのパスは全てAPIを通したトークン付きパスにする

ただし、上記は初心者ではまずもって無理です。
上記のようなことは、AWSや、CDNの提供サービスなどで可能なので、そちらを使うことを検討されてはいかがでしょうか？

Comments

[m6388544291]

ありがとうございます。
現状　cloud front -> 一時認証URLでS3からURLを取得しに行っているのでその辺で解決できる可能性があるのかと思っております。

そもそもローカルに落ちた時にはVPC以外からのアクセスに関しては拒否するなどはいかがでしょうか？
その際WAF、もしくはClooud Front でのホワイトリストにVPCもしくはIPにしておけばいいのかなと思っています。

[miyabi_pudding]

> いかがでしょうか？

やってみればいいかと。

[m6388544291]

今確認しましたが
WAF -> Cloud Front -> S3にした場合IP制限をVPCにした場合アクセス元のIPで判定するためできませんでした。

S3で制限はできないと思っています。
なぜなrばcloud frontから来るとなるとVPC内なのでIP制限もかけれないはずです。

何か方法はあるものでしょうか？

[ikadzuchi]

URL直接アクセスを防いだとして、既に表示された画像の「名前を付けて保存」は防げないのではないでしょうか。

[m6388544291]

既に印刷、右クリック、JS無効などダウンロードは防げております。
別名保存のみ防げていない状況です。

[miyabi_pudding]

ikadzuchiさん >
全くおっしゃる通りで、私の回答も、
名前をつけて保存は防げないかと思います・・・。

m6388544291さん >
どうあがいても完全に防ぐのはやはり無理かと思いますよ。