〈div〉 태그로 마우스 우클릭/드래그 방지된 경우 해제방법

http://jimnong.tistory.com/599 에 이어…

 
실제로 해당 웹페이지의 소스코드를 보면

<div oncontextmenu=”return false” ondragstart=”return false” onselectstart=”return false”>
     본문
</div>

이런 식으로 되어있을 겁니다.

머리를 굴려봅시다.
div 태그 속의 본문만 빼내면 무력화할 수 있겠죠? ^^… 해봅시다.

크롬에서 Ctrl+Shift+C 를 누르면 개발자도구(中 Select node to inspect)가 뜰텐데,

이때 마우스포인터를 본문쪽으로 이리저리 움직여보면 본문 전체가 파랗게 뜨는 경우가 있을겁니다(위 스크린샷 참고). 스크린샷 보시면 Elements 란에도 <div align=”center”> 부분이 파랗게 바뀌었죠? 상위 div 태그에는 oncontextmenu=”return false” 등등 우클릭/드래그 방지코드들이 있습니다… => 우리는 방지코드 안쪽(아래쪽)부분만 따올 겁니다.

Elements에서 방지코드 바로 아래에서 본문 전체를 감싸는 div 태그영역을 마우스 우클릭 → Copy → Copy element 를 선택합니다. 그럼 클립보드에 해당 요소가 복사될 겁니다.

이제 메모장 같은 편집기를 열어서 Ctrl+V 로 붙여넣기 하고, html 확장자로 저장한 뒤… 저장된 파일을 웹브라우저로 열어봅니다.

우클릭/드래그 등 전부 가능할 겁니다. 적절히 스크랩하시면 됩니다.

CC BY-NC-ND 4.0