웹 페이지의 스크린 샷을 얻기위한 웹 사이트 또는 북마크릿 [닫힘]


17

URL을 제공 한 웹 사이트 또는 북마크가 해당 페이지의 스크린 샷을 출력합니까?

출력 된 이미지의 크기를 조정하는 옵션이 이상적입니다.


현재보고있는 스크린 샷 (dom의 현재 상태) 또는 다른 사람이 볼 수있는 웹 사이트의 스크린 샷입니까?
akira

둘 다 좋은 옵션이지만 후자가 더 관심이 있습니다.
Senseful

예약 된 스크린 샷을 정기적으로 이메일로 보내려 는 경우 blitapp.com 이 유용합니다.
justspamjustin

답변:


6

당신은 Aviary 를 시도 할 수 있습니다

사이트의 URL을 복사하여 붙여 넣으면 Aviary가 온라인 이미지 편집기에 해당 URL을로드합니다 (아래 참조).

그들은 또한 Firefox 애드온과 북마크를 가지고 있는데,이 경우 현재 웹 사이트를 채우게됩니다 (그러나 같은 탭에 있으므로 조심하십시오!).

대체 텍스트


이것은 내가 원하는 것을하는 것처럼 보이지만 불행히도 내가주는 모든 URL이 작동하지 않습니다. 그냥 "오 오! 우리는 캡처를 수행 할 수 없습니다"라고 말합니다.
Senseful

Chrome 확장 프로그램에 사진을 찍고 완벽하게 작동하는 것이 좋습니다.
Ivo Flipse



2

로컬 서버의 스크린 샷을 캡처 할 수있는 것을 원했기 때문에 Browsershots와 같은 웹 서비스는 내가 원하지 않는 것이 었습니다.

따라서 html2canvas를 사용하여 로컬로 스크린 샷을 캡처하여 캔버스로 요소를 렌더링하는 북마크를 만들었습니다.

이것을 사용하려면 이것을 북마크릿으로 복사하십시오 :

(function(d,w,h,s,i){w[h]||(s=d.createElement('script'),s.src='//html2canvas.hertzen.com/build/html2canvas.js',d.body.appendChild(s));i=setInterval(function(){w[h]&&clearInterval(i)||w[h](d.body,{onrendered:function(c){w.open().document.body.appendChild(c)}})},250)}(document,window,'html2canvas'));

그런 다음 클릭하여 생성 된 팝업을 허용하십시오 (팝업에 스크린 샷 포함).

예를 들어 Chrome에서는 다음과 같이 주소 표시 줄의 가장 오른쪽 부분을 클릭해야합니다.

                                          스크린 샷

그런 다음 스크린 샷 팝업에 해당하는 링크를 클릭하여 엽니 다.


안녕하세요,이 북마크는 공유해 주셔서 감사합니다. 필자는 내 필요에 따라 사용자 정의하려고하는데 왜 함수 내에 5 개의 매개 변수를 넣고 왜 매개 변수없이 Bookmarklet을 클릭 할 때 함수가 호출되고 해당 매개 변수 이름이 표시되지 않기 때문에 값을 얻는 방법이 궁금합니다. 모든 웹 페이지에서 정의됩니다.
Chirag Bhatia-chirag64

1
는 : Chirag64 내가 몇 문자를 저장하려면이 같은 해냈다 @ (I 종류 코드 골프 사람이야), 여기에서 발생하는 상황 d, w그리고 h매개 변수는 결국 통과된다 (예 : (function(d){/* d is now an alias to document */}(document))). 네 번째와 다섯 번째 매개 변수는 var선언에 두 문자를 저장하기 위해 나중에 다시 사용한 자리 표시 자입니다.) 그래서 코드 범위를 변경하는 동안 전역 범위를 오염시키지 않습니다.
Camilo Martin

그것은 바로 좋은 코딩입니다. 설명 주셔서 감사합니다 :)
Chirag Bhatia-chirag64


0

웹 앱이나 북마크가 아니라는 것을 알고 있지만이 목적으로 사용하는 것은 Screengrab 이라는 Firefox 플러그인 입니다. 이것이 당신을위한 옵션인지 모르겠지만 시도해 볼 수 있습니다 (물론 Firefox를 사용하는 경우; 다른 브라우저에 대해 다른 유사한 것이있을 것이라고 확신합니다)


0

GreenShot

이 소프트웨어, 좋은 코딩 조각을 사용해보십시오.

키보드에서 PrintScreen을 누르기 만하면 도구가 나타나고 스크린 샷 영역을 선택하면 이미지가 돌아옵니다!


1
이것은 Windows 소프트웨어입니다. 링크를 .exe에서 홈페이지로 변경했습니다.
Rebecca Chernoff

0

여기 웹 사이트를 시도했지만 제대로 작동하지 않았습니다. Aviary와 Browsershots는 모두 사용하기에 좋지 않았습니다. webapp을 사용하지 말고 브라우저 확장을 사용하십시오.


0

당신이 "간단한 웹 사이트 스크린 샷"보다 당신을 위해 작업을 자동화 할 워드 프레스 플러그인을 찾고 있다면 환상적인 일을합니다. 썸네일 크기 등을 지정할 수 있습니다.

http://www.digg-it.info/wordpress-simple-website-screenshot-v-0-5

사용 중인 예제를 보려면 자체 웹 사이트 ( http://productivewebapps.com )에서 사용하십시오! (면책 조항 : 나는이 사이트의 소유자입니다)


당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.