본문 바로가기
  • 행복하게 오래오래 개발자로 살아가기
FrontEnd

html2canvas 웹페이지 캡쳐 !

by yundev 2013. 7. 1.
반응형



html2canvas22.zip

기존 소스 혹은 깃허브에서 받은 소스의

프록시 설정이 관건이었다. 

http://html2canvas.hertzen.com/screenshots.html


웹사이트 주소를 적고 view 버튼을 누를 경우

http://html2canvas.appspot.com/query 로 우회하여 

외부 사이트 html을 긁어 온다. 


 http://html2canvas.appspot.com/query?callback=jQuery18301560307750478387_1372670368227&xhr2=false&url=주소&_=1372670395821


이제 이미지  파일 형식으로 파일로 다운로드를 하면 된다.



소스 일부를 변경하였으므로, 저작권에 위배 될 경우 삭제 하겠습니다. 


초기에는 스누피를 사용하여 html을 긁어오고, 이미지로 작업하려 했으나

네이버 사이트 자체에서 막아버리는 경우가 생겼다.


그리고 여기서 또 다른 이슈는 막혀지기 전에

사이트 일부를 정규표현식을 사용하여 가지고 왔지만.


캡쳐를 하면 네이버에서 다른 사이트에서 이미지를 캡쳐, 다운 받지 못하도록 막아놔서 

텍스트만 캡쳐가 되었다.


이를 해결하기 위해 특정 사이트 이미지 주소를 입력하면, 

다운이 되도록 하는 php 클래스 파일을 찾았다.


네이버에서 또 막아놓은 함수가 있는데 file_get_contents()라는 함수였다.


-----------------------------------------------------------------------------------


프록시 개념이 쫌 필요!!!!!!!!!


반응형