[완료]스크롤캡처나 웹페이지 저장에 관해서 질문드립니다.

pamisu1의 이미지

screengrab 이라는 확장기능을 파이어폭스에 설치하고 웹페지를 스크롤 캡처해봤습니다.

그랬더니 전체웹페이지를 스크롤캡처하거나 현재화면 보이는 만큼 스크롤캡처하는 것은 가능했습니다.
하지만 전체스크롤이 아닌 원하는 부분만큼의 스크롤 캡처가 잘 되질 않습니다.

아니 현재 보이는 부분에서 드래그앤 드롭으로 박스를 만들면 그 만큼은 캡처가 되지만,
한페이지가 넘어가는 부분을 원하는 만큼 스크롤 캡처할 수 없더군요.

한페이지가 넘어가면서 전체가 아닌 원하는 부분만 스크롤캡처할 수 있는 방법이 있으면 알려주세요.

그리고 스크롤캡처로 저장된 파일을 보니 웹페이지안에 또 스코롤되어 있는 것은 딱 보이는 것만 캡처되고 스크롤이 안되더군요..

이게 설명하기 조금 어려워서 밑에 스크롤캡처된 화면을 첨부합니다.

그림에서 보듯이 웹페이지 안의 또다른 코드부분 전체를 볼 수가 없습니다.

그래서 파이어폭스의 파일메뉴 중에 [프레임을 다른이름으로 저장]을 눌러 저장을 해봤는데,
이게 문서와 그에 필요한 파일들이 포함된 폴더로 나뉘어서 저장되네요.

문서자체에 필요한 파일이나 링크를 다 포함시켜서 한 파일로 저장하는 방법 좀 알려주세요.

예를 들어 인터넷에서 문서파일을 다운받아 보면 그 파일하나에 각종 그림이나 링크가 다 포함되어 있듯이 말이죠.

File attachments: 
pamisu1의 이미지

분명히 우분투 사이트 아니면 이곳 kldp의 최근 글 중에서 방법을 찾아서 프로그램을 설치한 것인데,
원본 글을 못찾겠네요.

어쨌든 파이어폭스의 확장 기능 중에 abduction 라는 것이 있습니다.

이걸 설치하면 웹페이지에서 스크롤캡처로 전체페이지도 이미지로 저장되고, 영역을 선택해서 캡처할 수 있습니다.

screengrab 과는 달리 안보이는 부분까지의 영역도 선택할 수 있습니다.

무슨 말인고 하니 스크린그랩은 한페이지가 넘어가서 안보이는 영역을 스크롤캡처를 할 수 없고
현재 보이는 부분중에 영역을 골라 캡처하든지 아니면 웹페이지 전체만 캡처된다면,

abduction는 한페이지가 넘어가면서도 전체웹페이지가 아닌 부분을 선택해서 캡처할 수 있다는 겁니다.
더구나 더 가볍고요.. 아주 좋습니다.

다만 이것도 역시 이미지로 캡처되는 거라서 웹페이지 안에 스크롤되는 또다른 문서가 있을 경우
그 안의 문서는 보이는 부분만 캡처 됩니다.

웹페이지의 문서를 하나의 문서로 저장하는 유틸은 아직 찾지 못했습니다.
가령 mht나 그 밖의 문서를 보면 그 안에 그림파일들이 다 포함되어 하나의 파일로 되어있거든요.

그런데 제가 파이어폭스에서 [다른이름으로 저장]을 하면 html 문서와 그림폴더, 이렇게 2개가 생깁니다.

댓글 달기

Filtered HTML

  • 텍스트에 BBCode 태그를 사용할 수 있습니다. URL은 자동으로 링크 됩니다.
  • 사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param><hr>
  • 다음 태그를 이용하여 소스 코드 구문 강조를 할 수 있습니다: <code>, <blockcode>, <apache>, <applescript>, <autoconf>, <awk>, <bash>, <c>, <cpp>, <css>, <diff>, <drupal5>, <drupal6>, <gdb>, <html>, <html5>, <java>, <javascript>, <ldif>, <lua>, <make>, <mysql>, <perl>, <perl6>, <php>, <pgsql>, <proftpd>, <python>, <reg>, <spec>, <ruby>. 지원하는 태그 형식: <foo>, [foo].
  • web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.

BBCode

  • 텍스트에 BBCode 태그를 사용할 수 있습니다. URL은 자동으로 링크 됩니다.
  • 다음 태그를 이용하여 소스 코드 구문 강조를 할 수 있습니다: <code>, <blockcode>, <apache>, <applescript>, <autoconf>, <awk>, <bash>, <c>, <cpp>, <css>, <diff>, <drupal5>, <drupal6>, <gdb>, <html>, <html5>, <java>, <javascript>, <ldif>, <lua>, <make>, <mysql>, <perl>, <perl6>, <php>, <pgsql>, <proftpd>, <python>, <reg>, <spec>, <ruby>. 지원하는 태그 형식: <foo>, [foo].
  • 사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param>
  • web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.

Textile

  • 다음 태그를 이용하여 소스 코드 구문 강조를 할 수 있습니다: <code>, <blockcode>, <apache>, <applescript>, <autoconf>, <awk>, <bash>, <c>, <cpp>, <css>, <diff>, <drupal5>, <drupal6>, <gdb>, <html>, <html5>, <java>, <javascript>, <ldif>, <lua>, <make>, <mysql>, <perl>, <perl6>, <php>, <pgsql>, <proftpd>, <python>, <reg>, <spec>, <ruby>. 지원하는 태그 형식: <foo>, [foo].
  • You can use Textile markup to format text.
  • 사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param><hr>

Markdown

  • 다음 태그를 이용하여 소스 코드 구문 강조를 할 수 있습니다: <code>, <blockcode>, <apache>, <applescript>, <autoconf>, <awk>, <bash>, <c>, <cpp>, <css>, <diff>, <drupal5>, <drupal6>, <gdb>, <html>, <html5>, <java>, <javascript>, <ldif>, <lua>, <make>, <mysql>, <perl>, <perl6>, <php>, <pgsql>, <proftpd>, <python>, <reg>, <spec>, <ruby>. 지원하는 태그 형식: <foo>, [foo].
  • Quick Tips:
    • Two or more spaces at a line's end = Line break
    • Double returns = Paragraph
    • *Single asterisks* or _single underscores_ = Emphasis
    • **Double** or __double__ = Strong
    • This is [a link](http://the.link.example.com "The optional title text")
    For complete details on the Markdown syntax, see the Markdown documentation and Markdown Extra documentation for tables, footnotes, and more.
  • web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.
  • 사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param><hr>

Plain text

  • HTML 태그를 사용할 수 없습니다.
  • web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.
  • 줄과 단락은 자동으로 분리됩니다.
댓글 첨부 파일
이 댓글에 이미지나 파일을 업로드 합니다.
파일 크기는 8 MB보다 작아야 합니다.
허용할 파일 형식: txt pdf doc xls gif jpg jpeg mp3 png rar zip.
CAPTCHA
이것은 자동으로 스팸을 올리는 것을 막기 위해서 제공됩니다.