화면 캡처는 막지 못하지만 내 쇼핑몰 이미지를 지키기 위해서 모바일 이미지 저장/다운로드 방지 설정 방법을 알려드릴게요.
자세히 알아보기
모바일 이미지 저장/다운로드 방지 설정하기
- 스마트디자인 편집 창에서 '전체화면보기(탭) > js > common.js'를 열어주세요.
- $(document).ready(function(){ 와 }); 사이에 아래 코드를 추가해주세요.
▼ 아래와 같이 파란색 소스를 추가해 주세요.
# 상단 생략 #
if ( window.call_eTab ) {
call_eTab();
};
//안드로이드 우측 버튼 비활성
$(document).bind("contextmenu", function(e) {
return false;
});
//pc F12 개발자도구 비활성
$(document).bind('keydown',function(e){
if ( e.keyCode == 123) {
e.preventDefault();
e.returnValue = false;
}
});
}); - 아이폰의 경우 스마트디자인 편집 창에서 layout/css/common.css 를 열고 아래 소스를 추가해주세요.
/* 아이폰 이미지 저장 막기 */
body { -webkit-touch-callout:none;}
캡처는 막을 수 없지만 원본을 저장/다운로드 하는 것을 방지해 보세요.
단, 브라우저 특성에 따라 적용이 안될 수 있습니다.
반드시 브라우저별 테스트를 해보시기 바랍니다.