우클릭 금지 페이지 해제 및 사진 텍스트 복사 방법

우클릭이 안되는 페이지에서 이미지나 글 소스를 구하는 방법입니다. 이 방법이 통용되지 않는 브라우저는 존재하지 않으며, 이 방법으로 다운로드할 수 없는 웹상의 이미지는 지구상에 없습니다. 다만, 페이지 소유자가 ‘불펌 방지’를 해놓은 데에는 다 그만한 이유가 있을 겁니다. 그래서 이미지를 사용하고자 할 시, 소유자의 허락을 예외 없이 반드시 구해야 하며, 소유자가 이를 거절한다면, 이미지 또한 사용해서는 안 됩니다.


페이지에 자바스크립트 Disable

티스토리나 기타 블로그에서 사용되는 우클릭 금지 기능은 Javascript로 구현이 되어 있습니다. 이 방법은 사실상 브라우저의 기능을 조금만 이용할 줄 아는 사용자에겐 무용지물이나 다름없습니다. 모든 브라우저에는 개발자 모드가 있고, 이 개발자 모드에는 자바스크립트 기능을 제거하는 기능이 있기 때문입니다.

  • 티스토리에서 흔히 사용하는 우클릭 금지 코드 예시(테스트 해보진 않음) ▼
<script type="text/javascript">
  var omitformtags=["input", "textarea", "select"]
  omitformtags=omitformtags.join("|")

  function disableselect(e)
  {
    if (omitformtags.indexOf(e.target.tagName.toLowerCase())==-1)
    return false
  }

function reEnable()
{
  return true
}

if (typeof document.onselectstart!="undefined") document.onselectstart=new Function ("return false")
else
{
  document.onmousedown=disableselect
  document.onmouseup=reEnable
}
</script>

<body oncontextmenu="return false" onselectstart="return false" ondragstart="return false">

따라서, 워터마크를 이미지에 삽입한다거나 공유되면 안될 이미지는 올리지 않는 것이 위와 같은 조치보단 훨씬 효과적입니다. 그럼 어떻게 브라우저의 자바스크립트를 Disable 시킬 수 있을까요?

 

크롬에서 작업한다면

1) 아래 URL에 접속하시면 크롬에서 접속하는 모든 페이지의 자바스크립트를 Disable 시킬 수도 있고, 각 사이트별로 블락시킬 수도 있습니다.

* 자바스크립트는 웹페이지에 정적인 웹페이지에 기능을 부여하는 중요한 역할입니다. 이를 전역으로 비활성화시킬 경우, 대부분의 페이지에서 몇몇 기능이 올바르게 동작하지 않을 수 있습니다.

 

2) 필요한 시점에 개발자 도구를 열어 자바스크립트 기능을 없애 버릴 수 있습니다. 이는 1)번 방법보다 훨씬 더 효율적이며 유동적입니다(대부분의 페이지는 우클릭이 가능하므로).

2-1) 우클릭 > Inspect 혹은 cmd + option + i(맥) 혹은 control + alt + i(윈도우) ▼

2-2) 개발자 도구 우측 상단의 ‘삼점 버튼’ 클릭 ▼

2-3) ‘Disable JavaScript’ 선택 ▼

 

사파리에서 작업한다면

전역으로 자바스크립트를 끄고 싶다면, 아래 경로로 이동하시면 됩니다. 하지만 위에서 설명 드렸듯이 추천해 드리는 방법은 아닙니다.

  • Preferences… (cmd + ,) > Security > Enable JavaScript 체크 해제 ▼

각 페이지별로 자바스크립트를 끄고 싶으시다면,

1) 먼저, 개발자 도구를 켭니다.

  • Preferences… (cmd + ,) > Advanced > Show Develop menu in menu bar ▼

 

2) Develop > Disable JavaScript ▼


다른 방법들

방법이야 정말 여러가지입니다. 다 담기엔 너무 그 내용이 많아서 편리한 방법 몇가지만 추려서 아래와 같이 공유드립니다.

 

크롬에서 작업 한다면

자바스크립트를 Disable 시킬 때와 마찬가지로 개발자 도구를 이용합니다.

 

Source 탭

1) 우클릭 > Inspect 혹은 cmd + option + i(맥) 혹은 control + alt + i(윈도우) ▼

2) Source탭으로 들어가 이미지를 찾습니다. ▼

바탕화면으로 드래그 앤 드롭하셔도 되고, 우클릭 > 저장 하셔도 됩니다.

 

Elements 탭

개발자 도구(cmd + option + i)를 먼저 여시고, 다음 순서를 따릅니다.

1) Elements 탭의 요소 검사를 통해, URL을 찾아냅니다. ▼

이미지 URL은 아래와 같이 구성되어 있으므로, 쉽게 찾으실 수 있습니다. ▼

이 URL을 주소창에 붙여넣어주시면 이미지를 쉽게 다운로드하실 수 있습니다.

 

사파리에서 작업한다면

크롬과 크게 차이가 없습니다.

 

Resource 탭

1) 먼저, 개발자 도구를 켭니다.

  • Preferences… (cmd + ,) > Advanced > Show Develop menu in menu bar ▼

2) Develop > Show Page Resources (option + cmd + A) ▼

 

3) Image 디렉토리를 확인합니다. ▼

여기 있는 사진들을 바탕화면으로 바로 끌어다 놓으셔도 되고, 우클릭 > 저장하기를 하셔도 됩니다.

 

Elements 탭

크롬과 큰 차이가 없어 긴 설명은 생략하도록 하겠습니다.

  • 개발자 도구를 엽니다. cmd + option + i
  • Elements 탭을 선택합니다.
  • 아래 그림의 2번 버튼을 누릅니다.
  • 원하는 그림을 클릭합니다.
  • 아래 그림의 3번처럼 이미지 URL을 땁니다.


 

댓글 남기기