WEB制作

サイトの文章や画像を簡単にコピーできないようにするには?

投稿日:

 

Devanath / Pixabay

作ったサイトの文章や画像を簡単にコピーできないようにする方法です。
画像の保存を完全に防ぐことはできません。
でも、コピーにひと手間かかることが抑止力にはなるようです。
ソースコードを見る人には無効ですが、表示されたサイトを閲覧している限りにでは効果があります。

右クリック禁止をHTMLに記述する

HTMLのbodyタグに上のような設定をします。

CSSでドラッグしても文字を選択できないようにする

CSSのbodyタグに設定します。

 

スマホ対策は長押しアクション禁止

長押し禁止でスマホでの画像保存をできないようにします。