사파리, 크롬 등 맥용 웹 브라우저에서 마우스 우클릭 차단 및 드래그 방지를 해제하는 두 가지 방법

2013. 12. 12. 01:43    작성자: ONE™

들어가며

어떤 웹 사이트나 블로그는 방문자가 본문을 무단으로 '불펌' 하지 못하도록 마우스 오른쪽 버튼 클릭(우클릭)을 차단하는 경우가 있습니다. 사이트에 들어와 구경하는 것은 괜찮지만, 이걸 밖으로 가지고 나가지 말라는 최소한의 방범장치를 달아둔 것입니다. 소중한 시간과 노력을 들여 작성한 글을 누군가 허락 없이 퍼가는 것만큼 성가시고 짜증 나는 일이 없다는 것을 생각하면 충분히 이해가 가는 행위입니다.

하지만 길거리의 모든 운전자가 폭주족이 아니며, 음주운전자가 아니듯 웹 페이지에서 우클릭을 쓰는 방문자들이 모두 불펌을 하는 사람들은 아닙니다. 습관적으로 웹 페이지의 글을 주욱 드래그하며 읽는 때도 있고, 본문 내용의 일부를 인용하기 위해 우클릭을 쓰는 경우도 있습니다. 어려운 단어를 OS X 내장 사전에서 열어볼 때도, 강좌에 적혀 있는 어떤 폴더의 경로를 빠르게 열어볼 때도 우클릭이 사용됩니다.

결국 운영자가 불펌을 막기 위해 우클릭을 잠가두면 방문자 전체가 불편함을 겪게 되는 구조입니다. 그런데 막상 이렇게 우클릭 사용을 차단하더라도 불펌 하는 사람들은 웹 브라우저 플러그인이나 캡처 도구를 사용해 유유히 불펌을 한다는 것이 아이러니입니다. 즉 기술이 문제가 아니라 사람이 문제입니다.

아래 소개하는 두 가지 방법은 별도의 플러그인 설치 없이 맥에서 우클릭 방지 또는 텍스트 드래그 방지를 간단히 해제하는 방법입니다. 웹 사이트나 블로그의 저작권을 침해하지 않는 범위 내에서 활용하실 것을 당부드립니다.

0. 테스트 페이지

임의로 우클릭과 글을 드래그를 할 수 없는 웹 페이지를 하나 만들었습니다. 글을 따라 하시는 동안 테스트 용도로 띄우시기 바랍니다.

테스트 페이지

방법 1. JavaScript 비활성화 북마클릿 사용하기

1. 책갈피 막대에 우클릭 차단 방지를 무효화하는 북마클릿을 등록하는 방법입니다. 다음에 소개할 방법과는 달리 사파리뿐만 아니라 구글 크롬이나 모질라 파이어폭스에서도 북마클릿을 사용할 수 있습니다. 다만 네이버 등 일부 사이트에서는 적용되지 않는 경우가 있는데, 이때는 아래 소개하는 더 강력한 방법을 사용해 웹 브라우저에서 자바스크립트를 완전히 비활성화해야 합니다. ▼

JavaScript 비활성화 ← 이 링크를 웹 브라우저 책갈피 막대로 드래그하세요.

2. 등록한 북마클릿을 우클릭한 다음 [URL 주소 편집] 항목을 선택하고 아래 경로를 통째로 복사해 입력합니다. ▼

javascript: function naver(q){ void(z=q.body.appendChild(q.createElement('script'))); void(z.language='javascript'); void(z.type='text/javascript'); void(z.src='http://userscripts.org/scripts/source/61326.user.js');} function selfw(w) { try{naver(w.document);} catch(e){} for (var i =0; i <w.frames.length; i++) { try{ selfw(w.frames[i]); } catch(e){} } } selfw(self);(function() { var e, i, all; document.onselectstart = null; document.oncontextmenu = null; all = document.getElementsByTagName("*"); for (i = 0; i < all.length; i += 1) { e = all[i]; e.onselectstart = null; e.oncontextmenu = null; } })();

[스크립트 출처: Michz's Tistory]

북마클릿의 이름도 조금 더 짧은 것으로 수정하셔도 무방합니다. 이제 웹 사이트에서 해당 북마크를 클릭하면 일시적으로 우클릭과 드래그 방지가 해제됩니다. 

이 방법의 장점은 아래 소개할 방법과는 달리 사용자가 다시 원상복귀 할 필요가 없으며 페이지를 새로고침하면 원래 상태로 자동 복귀된다는 점입니다. 반면에 일부 사이트에서 적용되지 않는다는 단점이 있습니다. 북마클릿을 메뉴 막대 앞 쪽에 두시면 키보드 단축키로 북마클릿을 사용할 수 있습니다. (command + 숫자키)

방법 2. 사파리 개발자용 메뉴 및 키보드 단축키 이용하기

1. 다음은 사파리에서만 사용할 수 있는 방법으로 '개발자용' 메뉴에 있는 JavaScript 비활성화 메뉴를 사용하는 방법입니다. 자바스크립트가 완전히 꺼지기 때문에 자바스크립트로 우클릭 차단 기능을 구현한 거의 모든 웹 사이트에서 우클릭 차단이 해제됩니다. 즉, 일부 자바스크립트만 무효화시키는 위 방법보다 파괴력(?)이 훨씬 강력합니다. ▼

2. 먼저 개발자용 메뉴를 활성화하기 위해 사파리 환경설정 > 고급 탭 맨 아래 있는 [메뉴 막대에서 개발자용 메뉴 보기]를 체크합니다. ▼

3. 위 단계까지만 완료해도 메뉴 막대를 통해 자바스크립트를 비활성화할 수 있지만, 해당 기능에 단축키를 할당하면 조금 더 편하게 사용할 수 있습니다. 먼저 OS X 시스템 환경설정 > 키보드 패널로 들어갑니다. ▼

4. OS X 버전 마다 메뉴 이름이 조금씩 다른데, OS X 매버릭스 기준으로 창 상단 가운데 있는 [키보드 단축키] 탭을 클릭합니다.

창 좌측에서 [App Shortcuts] 항목을 선택하고 +(플러스) 버튼을 눌러 키보드를 등록합니다. 이때 응용 프로그램은 [Safari]를 선택하고 메뉴 제목은 [JavaScript 비활성화]를 적어넣습니다. *OS X을 영문으로 쓰시는 분은 [Disable JavaScript]를 입력합니다. 최종적으로 적당한 키보드 단축키를 지정하고 추가 버튼을 눌러 창을 닫습니다.

5. 다시 개발자용 메뉴를 클릭해 키보드 단축키가 제대로 지정되었는지 확인합니다. ▼

이후 우클릭을 사용할 때만 단축키를 사용해 한시적으로 자바스크립트를 비활성화하시면 됩니다. 이 방법의 장점은 거의 모든 사이트에서 사용할 수 있다는 점이지만 자칫 자바스크립트를 비활성화한 채로 다른 페이지를 방문하면 파일 업로드 등 자바스크립트에 의존하는 다른 기능까지 덩달아 사용할 수 없으니 필요합니다. (이때는 자바스크립트를 다시 활성화하고 창을 새로고침하면 됩니다.)

구글 크롬 브라우저모질라 파이어폭스는 같은 기능을 하는 확장 프로그램이 따로 나와 있습니다. 

블로그를 운영하고 있는 입장에서 소개가 매우 꺼려지는 팁입니다. 하지만 칼이나 불도 사람을 헤치는 용도보다 생활을 이롭게 하는 용도로 쓰는 사람이 많듯이, 이번 팁도 불펌이 아닌 개인적인 용도로 유용하게 쓰실 분들이 더 많을 것이라 믿습니다.



참고
Apple - Safari 6 (OS X Mountain Lion): Develop menu
• 구글 크롬에서 우클릭방지&드래그방지 해제법

관련 글
• 온라인 맥 강좌에 적혀 있는 폴더를 파인더에서 열어볼 때는 이렇게
• OS X 특정 메뉴 막대 항목에 사용자 단축키를 할당하는 방법
• Back to the Mac 선정 - 추천 사파리 확장 프로그램(Extension) 30선

    
  1. 이전 댓글 더보기
  2. Blog Icon
    오밤

    유용한 팁 정말 감사합니다!! 나쁜용도로 사용안할께요~^^

  3. Blog Icon
    박기석

    좋은 팁입니다~

  4. Blog Icon
    soo

    정말 좋은 팁 감사합니다. 글을 읽으면서 웬지 더 좋은 곳에 활용하고 싶은 욕구가 생기네요 ~ ^^

  5. Blog Icon
    독각시

    정말 감사합니다.
    웹에서 자료 수집할때마다 짜증났었는데... 잘 쓸게요.

  6. Blog Icon
    해글고달

    감사합니다. 이거 하나로 개발자용 메뉴가 있다는 것, 또 단축키 지정하는 법도 배웠네요.

  7. Blog Icon
    무한비행

    맞아요, 특히 네이버 카페에선 긁어가기 금지해 놓은 곳이 정말 많은데, Disable JavaScript 이게 참 편리합니다.

  8. Blog Icon
    검은봉다리

    크롬에서 pigtoolbox 라는 확장 프로그램을 이용하는것도 좋은 방법입니다.
    수퍼드래그 기능과 우클릭 막힘 풀기를 이용하면 왠만한사이트는 드래그와 우클릭이 다 됩니다.

  9. Blog Icon
    식용달팽이

    예전에 한 커뮤니티에서 알게 되어서 요긴하게 쓰고 있은 방법이죠. 맥을 사면 제일 먼저 하는 일 중 하나가 개발자용 메뉴 활성화일 정도로 ㅎㅎ

  10. Blog Icon
    SwinG

    첫번째 방법 북마클릿 단축키(cmd+#)로 활성화 가능하네요. 늘 감사드립니다.

  11. 좋은 방법이 있었는데 간과하고 있었군요.
    본문에 바로 반영했습니다. 감사합니다 :-)

  12. Blog Icon

    비밀댓글입니다

  13. Blog Icon
    다밀람

    제가 사용하는 스크립트입니다.


    javascript:function r(d)%7Bd.oncontextmenu=null;d.onselectstart=null;d.ondragstart=null;d.onkeydown=null;d.onmousedown=null; d.body.oncontextmenu=null;d.body.onselectstart=null;d.body.ondragstart=null;d.body.onkeydown=null; d.body.onmousedown=null;%7D;function unify(w)%7Br(w.document);if(w.frames.length>0)%7Bfor(var i=0;i<w.frames.length;i++)%7Btry%7Bunify(w.frames%5Bi%5D.window);%7Dcatch(e)%7B%7D%7D;%7D;%7D;unify(self);alert("ok");

  14. Blog Icon
    mingoon

    테스트 페이지는 읽기 도구가 활성되지 않지만
    읽기도구를 사용할 수 있다면, 읽기 도구 상태에서 본문의 드래그가 가능합니다.
    역시 내용을 복사/붙여넣기 할 수 있어요.

  15. Blog Icon
    hsquare0724

    구글 크롬에서는 enable copy가 있어서 편합니다^^
    물론 다 적용되는 건 아니지만...

  16. Blog Icon
    icarus

    유용한 팁이네요.
    잘 쓸게요. 감사합니다.

  17. Blog Icon
    Jun

    너무 유용한 팁이네요

    감사드리고 새해 복 많이 받으세요!!

  18. Blog Icon
    wet

    다음 카페에서 우클릭은 허용되나 드래그는 여전히 안돼네요 ㅠ

  19. Blog Icon
    별모양벡터

    자바스크립트 해제하는 방법 알아보러왔다가 단축키 등록하는법까지 덤으로 알아가네요
    감사합니다~~ㅎ

  20. Blog Icon
    오예

    좋은 정보 감사합니다 :)

  21. Blog Icon
    기쁨과행복

    정말 좋은 정보네요.감사드리고 2014년의 정점인 지금 행복하세요.

    참 마쓰우라 야타로가 쓴 '100가지 기본'이란 책 꼭 읽어보셨으면 합니다.
    그 중 10번째 페이지에서 행복이란 깊이 이어지는것 -정을 나누는것
    "당신에게 행복은 무엇입니까?"이같은 질문을 받으면 바로 대답할수 있습니까?
    우리들은 모두 행복해지기 위해 살고 있습니다 사람과 자신의 행복을 위해 일을 하고 생활하고 있습니다
    자신의 행복을 안다는 것은 자신이 무엇을 원하며 살아가는가를 아는 일입니다
    행복은 사람과 깊이 이어지는것입니다 정을 깊게 나누는 것이 가장 큰 행복입니다
    그 앞에 '행복한 풍경'이 보이게 때문에 매일 열심히 살 수 있습니다.
    뜬금없나요? ㅋㅋ 그럼 이만!! ( _ _ )

  22. Blog Icon
    종바리

    감사합니다. 꺼림직함에도 용기있게 블로깅 해주셔서 감사합니다. 원님의 블로그가 저의 블로깅에 대한 공부에 대한의지를 다지게 해주셨습니다. 감사합니다.