이것은 Vlad Sabev(vdsabev)의 Image Downloader 포크입니다. 원래 확장은 업데이트되지 않으며 이 프로젝트는 격차를 메우는 것을 목표로 합니다. 목표는 버그를 수정하고, 더 많은 웹사이트를 (가능한 한 많이) 지원하고, 새로운 기능과 개선 사항을 추가하는 것입니다. 제안을 환영합니다. github에 문제를 제출해 주세요! IDC는 판매용이 아니며 항상 무료이며 오픈 소스이며 어떤 종류의 광고나 추적 알고리즘도 없습니다! 여기에서 소스 코드를 찾을 수 있습니다: https://github.com/kisdma/image-downloader-cnt
웹페이지에서 이미지를 대량으로 다운로드해야 하는 경우 이 확장 프로그램을 사용하면 다음을 수행할 수 있습니다.
페이지에 포함되어 있고 링크된 이미지 보기
너비, 높이, URL로 필터링하세요. 와일드카드 및 정규식을 지원합니다.
이미지를 클릭하여 다운로드할 이미지를 선택하세요.
전용 버튼을 사용하여 새 탭에서 개별 이미지를 다운로드하거나 열 수 있습니다.
이미지 표시 너비, 열, 테두리 크기 및 색상을 사용자 정의합니다.
필요하지 않은 필터, 버튼, 알림 숨기기
"다운로드" 버튼을 누르면 선택한 모든 이미지가 Chrome의 기본 다운로드 디렉터리에 저장되거나, 하위 폴더 이름을 지정한 경우 그 안에 있는 디렉터리에 저장됩니다.
경고: 기본 다운로드 디렉터리를 설정하지 않은 경우 각 이미지의 저장 위치를 수동으로 선택해야 하며 이로 인해 많은 팝업 창이 열릴 수 있습니다. 기본 다운로드 디렉토리 없이 한 번에 너무 많은 이미지를 다운로드하는 것은 권장되지 않습니다.
2.9
상대 URL 복원 버그를 수정했습니다.
cloudfront.net에 대한 고해상도 이미지 검색이 추가되었습니다.
'link rel="mask-icon"' 구문 분석 복원(이전에는 비활성화됨) 2.8:
향상된 이미지 검색 및 수집, 많은 버그 수정
페이지가 ShadowDOM을 닫는 것을 방지하기 위해 삽입 스크립트를 추가했습니다(내부 이미지를 검색할 수 없게 만들었습니다). 참고: 웹사이트에서는 이를 사용하여 광고 차단기를 우회합니다.
ShadowDOM에 이미지 검색이 추가되었습니다.
IDC에서 추가한 이미지의 광고 차단을 방지하기 위해 CSS 스타일 삽입을 추가했습니다('idc-image' 클래스가 있는 요소에만 영향을 줌).
DOM 변경 사항을 추적하고 YouTube에서 webp(움직이는 GIF 같은 이미지)와 같은 간헐적인 이미지나 인스타그램 스크롤처럼 지속적으로 추가/삭제되는 이미지를 발견하기 위해 리스너를 추가했습니다.
검색된 이미지 목록을 페이지의 히든태그에 직렬배열로 저장하는 기능 추가 (페이지 업데이트 시 사라짐)
제출된 다운로드 수의 버그 수정(기존 +1)
'스타일' 태그에서 더 나은 이미지 검색을 위해 정규 표현식이 개선되었습니다(일부 데이터가 누락되었습니다:이미지 URL).
상대 URL을 확인하고 (필요한 경우) 절대 URL로 변환하는 코드를 정리하고 함수로 이동했습니다. 이 검사가 누락된 태그에 이 기능을 사용했습니다.
팝업과 같은 시간적 요소에서 더 많은 이미지를 발견할 수 있도록 관찰자를 개선했습니다(속성 필터 목록 확장).
'svg' 태그의 이미지 검색 개선 - 이미지 태그가 포함된 경우 base64 svg를 빌드하는 대신 해당 태그에서 이미지를 반환합니다.
이미지 캐시를 채우고 액세스하는 코드에서 encodeURI()를 제거했습니다. 수신 링크는 이미 인코딩되어 있어야 하는 태그에서 추출되므로 그 목적이 무엇인지 확실하지 않습니다. 이것은 이미 인코딩되어 있고 특수 문자가 이스케이프된 링크를 깨뜨렸습니다(위키피디아에서 발견했습니다 - 괄호가 있는 링크).
'source' 태그 구문 분석의 버그 수정 - 'srcset'(1x, 2x 등)에서 다양한 해상도의 목록 지원 추가
버그 수정: popup.js에 중복 YouTube 이미지 추가
버그 수정: 기본 URL이 백슬래시로 끝나면 잘못된 URL이 구성되었습니다.
img 태그를 구문 분석하는 버그를 수정했습니다.
상대UrlToAbsolute의 버그가 수정되었습니다. 입력이 비어 있는 경우 "정의되지 않음"이 반환되었습니다.
URL의 쿼리 부분에 서버에 대한 "크기 조정" 명령이 포함된 링크 검색이 추가되었습니다. 명령 없이 링크를 추가하면 더 높은 해상도의 이미지가 제공됩니다.
2.7:
향상된 이미지 검색, 코드 및 디자인의 버그 수정
'img' 태그에 'srcset' 및 'lowsrc' 속성의 구문 분석이 추가되었습니다.
'source' 태그(html5 'picture' 태그 내부)에 'srcset' 속성의 구문 분석이 추가되었습니다.
이미지 변환에 캔버스를 추가했습니다. 고도로 보호된 이미지를 추출하는 강력한 기술입니다(개발 도구의 리소스 탭에도 표시되지 않음). 참고: 현재 확장 버튼을 클릭할 때마다 추가된 이미지가 쌓입니다. 페이지를 업데이트하여 제거할 수 있습니다.
긴 이미지 URL(아마도 데이터:이미지)에 대한 검사를 추가하고 이를 팝업으로 보내는 대신 페이지 상단에 배치합니다(큰 데이터 문자열을 생성할 수 있는 캔버스에서 이미지로의 변환과 일관성을 유지하기 위해:이미지/jpeg). )
옵션 페이지에 텍스트 정보 바로가기 색상 선택(이미지 선택 색상과 하나의 옵션으로 결합)을 추가했습니다. 아이콘도 그에 따라 색상이 지정됩니다.
설치 후 옵션 페이지를 열고 2.1 이전 버전을 확인하기 위한 오래된 코드를 주석 처리했습니다(defaults.js에서).
현재 손상되었기 때문에 최소 너비 옵션을 주석 처리했습니다(유용한지 확실하지 않음)(options.html에서).
최대 너비 옵션을 따르도록 최대 높이를 만들었습니다(작은 이미지 미리 보기를 선택한 경우 더 잘 작동하도록 함).
zepto.js를 난독화되지 않은 원본 소스 코드로 대체했습니다.
다운로드 메시지의 깜박이는 애니메이션을 수정했습니다(jquery에서 zepto로 전환한 이후 애니메이션이 깨졌던 것으로 보입니다).
2.6:
대대적인 재설계 및 향상된 이미지 검색
팝업 모양을 현대화하고 이미지가 더 많은 이미지 정보가 있는 타일에 배치되고 옵션에 타일 색상 선택이 추가되었습니다.
깨진 styleSheets API 대신 심층 CSS 구문 분석을 포함하여 여러 가지 버그를 수정하고 많은 경우에 대한 이미지 검색을 개선했습니다.
각 이미지에 대해 역이미지 검색 사이트(Google, Bing, Yandex, TinEye)에 대한 바로가기를 추가했습니다.
2.5:
이미지 크기 및 이미지 파일 이름 표시 추가(설정에서 끌 수 있음)
크기별로 이미지 정렬 추가 - 두 가지 새로운 옵션: 1) 너비만(기본값) 또는 너비+높이별로 정렬, 2) 가장 큰 것에서 가장 작은 것(기본값) 또는 역순으로 정렬
200px보다 큰 경우 수직으로 크기 조정 이미지를 추가했습니다.
SVG 형식이 'svg' 태그에서 읽히지 않던 문제 - 수정됨
'동영상' 태그의 '포스터'에서 이미지 읽기 추가
배경 이미지가 인식되지 않는 문제를 수정했습니다. styleSheets 읽기가 작동하지 않는 것 같습니다(cssRules에서 읽기). 구현된 해결 방법: '링크' 태그에서 얻은 링크가 포함된 CSS 파일을 가져옵니다. 참고: 일부 사이트에서는 CSS를 저장하기 위해 다른 2차 도메인을 사용합니다. 이 경우 확장 프로그램에 'all_urls'(또는 특정 도메인)에 대한 권한이 없으면 가져오기가 작동하지 않습니다. 이로 인해 일부 이미지가 표시되지 않습니다. 이것이 우려되는 경우 Chrome 확장 프로그램에서 권한을 제거하세요.
Google 지도 및 스트리트 뷰 사진에 최대 해상도 이미지 검색 기능을 추가했습니다. (문서화되지 않은 API가 발견되었습니다.)
YouTube 썸네일에 대한 고해상도 미리보기 추가(현재 페이지의 비디오 포함)
이미지가 아닌 링크 검색을 방지하기 위해 'a' 태그의 링크 구문 분석에 대한 정규식을 수정했습니다.
2.4.2:
도메인 간 CSS 규칙에 대한 액세스를 허용하지 않는 Chrome의 해결 방법
2.4.1:
잘못된 URL로 인해 확장 프로그램이 중단되는 문제가 수정되었습니다. - PactInteractive/image-downloader#23
Zepto.js를 1.2.0으로 업데이트했습니다.
2.4:
다운로드하기 전에 파일 이름을 바꾸는 옵션이 추가되었습니다.
2.3:
BMP, SVG 및 WebP 이미지에 대한 지원이 추가되었습니다.
상대 URL에 대한 지원이 추가되었습니다.
더 적은 요소를 검색하여 팝업 로딩 속도가 향상되었습니다.
더 이상 사용되지 않는 chrome.extension
호출을 chrome.runtime
으로 대체했습니다.
2.2:
탭 접근에 불필요한 권한을 제거했습니다.
일부 사용자가 처음 이후에도 사라지지 않는다는 불만으로 인해 기부 메시지를 제거했습니다. 이제 대신 처음 설치할 때 옵션 페이지가 열립니다.
URL 필터 값을 저장합니다.
일부 크기 문제를 해결하려는 또 다른 시도
2.1:
이미지 너비/높이 필터 추가
일부 사람들의 크기 문제로 인해 모든 설정의 일회성 재설정이 추가되었습니다.
URL별 정렬 옵션을 제거했습니다.
2.0:
하위 폴더에 파일을 저장하는 기능이 추가되었습니다.
Google Chrome 다운로드 API 활용
더욱 깔끔한 그리드 기반 디자인 구현
이제 이미지 URL 텍스트 상자를 클릭하면 사용자가 복사할 수 있도록 텍스트가 자동으로 선택됩니다.
몇 가지 사소한 디스플레이 문제를 수정했습니다.
열 수 설정 추가, 테두리 스타일 설정 제거
옵션 페이지에 기부 버튼을 추가했습니다.
1.3:
이제 스타일 태그에 사용된 이미지도 목록 끝에 포함됩니다. 기존에는 요소의 인라인 스타일 속성에 있는 이미지만 포함되었습니다.
데이터 URI에 대한 지원이 추가되었습니다.
몇 가지 버그 수정 및 최적화
1.2:
읽기 전용 텍스트 상자에 표시되도록 이미지 위의 URL을 변경했습니다.
이미지 확인란을 상단으로 이동하고 각 아래에 열기 및 다운로드 버튼을 추가했습니다.
처음에는 "다운로드" 버튼과 "모두" 확인란이 비활성화되었습니다.
필터, 버튼 및 알림을 숨기는 몇 가지 새로운 옵션이 도입되었습니다.
본문 너비 옵션을 제거했습니다. 이제 팝업 너비가 최대 이미지 너비 옵션에 따라 크기가 조정됩니다.
디자인을 간소화했습니다.
1.1:
최소 및 최대 이미지 너비의 고정 저장
이미지 자체 위에 URL과 이를 전환하는 옵션을 추가했습니다.
와일드카드 필터 모드 추가(일반 및 정규식과 함께)
이제 선택한 필터의 상태가 저장됩니다.
"URL 기준 정렬" 옵션을 다시 필터로 옮겼습니다.
옵션 페이지에 "데이터 지우기" 버튼을 추가했습니다. 확장 프로그램은 아직 로컬 저장소를 많이 사용하지 않지만 누군가는 이 옵션을 높이 평가할 수도 있습니다.
많은 코드, 특히 로컬 저장소 사용을 리팩터링했습니다.
1.0.13:
다운로드가 시작되었음을 사용자에게 알리는 알림을 추가했습니다.
일부 애니메이션을 추가하고 옵션 알림을 좀 더 다듬었습니다.
여러 번 연결되는 일부 이벤트 핸들러를 수정했습니다.
1.0.12:
jQuery로 마이그레이션됨
"모두" 체크박스에 대해 불확정 상태를 구현했습니다.
이제 이미지를 선택하지 않으면 "다운로드" 버튼이 비활성화됩니다.
재설정 옵션 관련 버그가 수정되었습니다. 이제 사용자는 알림에 표시된 대로 재설정 값을 저장하거나 페이지를 다시 로드하여 재설정을 취소하도록 선택할 수 있습니다.
1.0.11:
Chrome v21+를 지원하도록 다운로드 메커니즘을 변경했습니다.
페이지의 URL에 있는 이미지만 다운로드하려는 경우 유용할 수 있는 "링크된 이미지만 표시" 필터 옵션을 추가했습니다.
1.0.10:
다운로드 확인을 추가했습니다.
1.0.9:
이제 "전체" 확인란 옆에 이미지 수가 표시됩니다.
1.0.8:
앵커 태그에 이미지 URL 감지 기능이 추가되었습니다. 이 기능은 .jpg, .jpeg, .gif 또는 .png 파일 확장자가 없는 URL은 감지하지 않습니다. 외부 서버에 수백 건의 요청을 보내는 것을 방지하기 위해 정규식을 사용합니다.
1.0.7:
(옵션을 통해) 제어하기 쉽고 방해가 덜한 텍스트 설명을 위해 "다운로드"를 누를 때 나타나는 데스크탑 알림 시스템을 제거했습니다. 확장 프로그램에 대한 권한도 더 적게 필요합니다
다운로드 알림을 숨기는 옵션이 추가되었습니다. 대부분의 사람들은 다운로드 과정을 한 번만 읽고 나면 이해하게 될 것입니다.
약간의 UI 수정이 이루어졌습니다.
1.0.6:
불필요한 빈 이미지가 여러 개 있는 문제가 해결되었습니다.
1.0.5:
이제 "배경 이미지" CSS 속성을 사용하여 이미지를 표시하는 요소도 추출됩니다.
1.0.4:
다운로드 프로세스가 시작되면 사용자에게 알리고 파일을 찾을 위치를 설명하는 알림이 추가되었습니다.
Google Chrome 확장 프로그램 샘플 "선택한 링크 다운로드" 기반: https://developer.chrome.com/extensions/examples/api/downloads/download_links.zip
작지만 멋진 JSS 라이브러리를 사용합니다: https://github.com/Box9/jss
그리고 Zepto.js: http://zeptojs.com
이미지: oNline Web Fonts http://www.onlinewebfonts.com/icon에서 CC BY 3.0에 의해 라이센스가 부여된 download.svg oNline Web Fonts http://www.onlinewebfonts.com/icon에서 CC BY 3.0에 의해 라이센스가 부여된 open.svg
저작권 (c) 2019 Dmitry Kislitsyn, Vladimir Sabev
본 소프트웨어 및 관련 문서 파일("소프트웨어")의 사본을 취득한 모든 사람에게 사용, 복사, 수정, 병합에 대한 권리를 포함하되 이에 국한되지 않고 제한 없이 소프트웨어를 취급할 수 있는 권한이 무료로 부여됩니다. , 소프트웨어 사본을 게시, 배포, 재라이센스 부여 및/또는 판매하고, 소프트웨어를 제공받은 사람에게 다음 조건에 따라 그렇게 하도록 허용합니다.
위의 저작권 고지와 본 허가 고지는 소프트웨어의 모든 사본 또는 상당 부분에 포함됩니다.
소프트웨어는 상품성, 특정 목적에의 적합성 및 비침해에 대한 보증을 포함하되 이에 국한되지 않고 명시적이든 묵시적이든 어떠한 종류의 보증 없이 "있는 그대로" 제공됩니다. 어떠한 경우에도 작성자나 저작권 보유자는 계약, 불법 행위 또는 기타 행위로 인해 소프트웨어나 사용 또는 기타 거래와 관련하여 발생하는 모든 청구, 손해 또는 기타 책임에 대해 책임을 지지 않습니다. 소프트웨어.